CSS3雙邊框線是CSS3中的新特性之一,它可以在一個HTML元素的邊框周圍創建雙層邊框。它可以很好地用于設計特別的頁面元素。
.double-border{ border: 5px solid #f00; border-style: double; border-color: #00f; padding: 10px; }
上面的代碼段實現了一個雙邊框紅色內層,藍色外層的盒子。具體實現可以通過border-style屬性設置成“double”來實現。配合border-color屬性設置不同的顏色,可以獲得不同的邊框顏色組合效果。
值得一提的是,CSS3的雙邊框還可以創建由兩種不同顏色交替出現的邊框,直接使用border-style: double同時設置兩種顏色即可實現。
.alternate-border{ border: 5px double #f00 #00f; padding: 10px; }
上述代碼段實現了一個紅色和藍色兩種顏色輪流出現的雙層邊框。其中#f00是紅色的十六進制顏色值,#00f是藍色的十六進制顏色值。
總之,CSS3的雙邊框是一種簡單而有趣的方式,使你的頁面元素與眾不同。
上一篇css 文字邊框
下一篇css33d旋轉代碼