2. 圖形化邊界
顧名思義，圖形化邊界就是允許使用圖片作為對象的邊界，語法如下:
border: 5px solid #cccccc;
-webkit-border-image: url(/images/border-image.png) 5 repeat;
-moz-border-image: url(/images/border-image.png) 5 repeat;
border-image: url(/images/border-image.png) 5 repeat;
這里，border: 5px 設(shè)定了邊界的寬度，然后，每個邊界的圖片定義告訴瀏覽器，使用圖片的多大一部分來充當(dāng)邊界。邊界圖片還可以針對每一條邊單獨設(shè)置：
border-bottom-rightright-image
border-bottom-image
border-bottom-left-image
border-left-image
border-top-left-image
border-top-image
border-top-rightright-image
border-right-image
支持的瀏覽器： Firefox 3.1, Safari , Chrome.
本新聞共 6頁,當(dāng)前在第 2頁 1 2 3 4 5 6 |
