CSS3邊框是一種非常常用的樣式,在網頁中可以為元素添加邊框樣式,讓網頁的界面更加美觀。CSS3邊框相比CSS2有很多新增的樣式,這里就簡要介紹一下使用方法。
.border{ width: 200px; height: 200px; border: 1px solid #000; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.6); border-image: url(border.png) 30 stretch; }
以上代碼是一個典型的CSS3邊框樣式,下面逐一介紹:
- border:邊框屬性可以設置邊框的類型、寬度和顏色,其中第一個參數表示邊框的寬度,第二個參數表示邊框的類型,可以是實線、虛線等,第三個參數表示顏色。
- border-radius:設置元素的圓角,屬性值表示是圓形的半徑。
- box-shadow:設置元素的陰影效果,屬性值表示陰影的位置、模糊程度和顏色。
- border-image:設置一個圖片為邊框,屬性值需要指定圖片路徑、邊框寬度和拉伸方式。
以上屬性都是CSS3新增的,可以為元素添加更多的樣式效果,使得網頁設計更加豐富多彩。
上一篇html 灰色代碼表
下一篇css 讓字不可復制