文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > html教學 > 主體

css-边框透明_html/css_WEB-ITnose

WBOY

發布： 2016-06-24 11:36:49

原創

929 人瀏覽過

自己做的小例子

第一个

 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4     <meta charset="UTF-8"> 5     <title></title> 6     <style> 7         *{margin:0;padding:0} 8         .container{width:200px; height:200px;background:red; padding:10px;} 9         .content{width:50px; height:50px;border:1px solid hsla(0,0%,100%,.5);background:#fff;border-radius: 1px;background-clip: padding-box;}10     </style>11 </head>12 <body>13 <div class="container">14     <div class="content">15     </div>16 </div>17 </body>18 </html>

登入後複製

第二个

 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4     <meta charset="UTF-8"> 5     <title></title> 6     <style> 7          body{background: red;} 8         .content{width:50px; height:50px;border:1px solid rgba(255,255,255,.5);background:#fff;border-radius: 5px;background-clip: padding-box;} 9     </style>10 </head>11 <body>12     <div class="content">13     </div>14 </body>15 </html>

登入後複製

相關標籤：

css-边框透明

來源：php.cn

上一篇：CSS3学习笔记_html/css_WEB-ITnose 下一篇：IE7 浏览器下面设置text-indent属性变成margin属性BUG_html/css_WEB-ITnose

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章