CSS3是最新的CSS標準,邊框屬性也得到了很好的支持。本文將介紹如何使用CSS3邊框屬性。
首先,我們來看一下CSS3的邊框屬性列表:
border-radius ? ?設置元素的邊框圓角 border-image ? ? ?設置元素的邊框圖片 box-shadow ? ? ? ?設置元素的陰影邊框 border-color ? ? ?設置元素的邊框顏色 border-style ? ? ?設置元素的邊框樣式 border-width ? ? ?設置元素的邊框寬度
border-radius是設置圓角邊框的屬性,可以使用以下代碼:
div { ? ?border-radius: 5px; }
border-image是用圖像作為邊框的屬性,可以使用以下代碼:
div { ? ?border-image: url(border.png) 10 10 10 10 stretch; }
box-shadow是設置陰影邊框的屬性,可以使用以下代碼:
div { ? ?box-shadow: 0 0 10px #333; }
border-color是設置邊框顏色的屬性,可以使用以下代碼:
div { ? ?border-color: #333; }
border-style是設置邊框樣式的屬性,可以使用以下代碼:
div { ? ?border-style: solid; }
border-width是設置邊框寬度的屬性,可以使用以下代碼:
div { ? ?border-width: 5px; }
以上就是CSS3邊框屬性的基本應用方法。
上一篇MySQL會計科目查詢
下一篇鼠標經過上移css