CSS3是最新的CSS標(biāo)準(zhǔn),邊框?qū)傩砸驳玫搅撕芎玫闹С帧1疚膶⒔榻B如何使用CSS3邊框?qū)傩浴?/p>
首先,我們來看一下CSS3的邊框?qū)傩粤斜恚?/p>
border-radius ? ?設(shè)置元素的邊框圓角 border-image ? ? ?設(shè)置元素的邊框圖片 box-shadow ? ? ? ?設(shè)置元素的陰影邊框 border-color ? ? ?設(shè)置元素的邊框顏色 border-style ? ? ?設(shè)置元素的邊框樣式 border-width ? ? ?設(shè)置元素的邊框?qū)挾?/pre>border-radius是設(shè)置圓角邊框的屬性,可以使用以下代碼:
div { ? ?border-radius: 5px; }border-image是用圖像作為邊框的屬性,可以使用以下代碼:
div { ? ?border-image: url(border.png) 10 10 10 10 stretch; }box-shadow是設(shè)置陰影邊框的屬性,可以使用以下代碼:
div { ? ?box-shadow: 0 0 10px #333; }border-color是設(shè)置邊框顏色的屬性,可以使用以下代碼:
div { ? ?border-color: #333; }border-style是設(shè)置邊框樣式的屬性,可以使用以下代碼:
div { ? ?border-style: solid; }border-width是設(shè)置邊框?qū)挾鹊膶傩?,可以使用以下代碼:
div { ? ?border-width: 5px; }以上就是CSS3邊框?qū)傩缘幕緫?yīng)用方法。