CSS3 HTML5圖形化邊界實例,顧名思義，圖形化邊界就是允許使用圖片作為對象的邊界
下面是關於HTML5中通過CSS3實現的圖形化邊界實例的相關內容，文章教程主要講述與HTML5 CSS3 圖形化邊界相關的一些技術與知識，更多的內容歡迎大家訪問http://www.VeVb.com,獲取更多最新教程,下面是教程講解：
顧名思義，圖形化邊界就是允許使用圖片作為對象的邊界，語法如下:
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 設定了邊界的寬度，然後，每個邊界的圖片定義告訴瀏覽器，使用圖片的多大一部分來充當邊界。邊界圖片還可以針對每一條邊單獨設置：
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.
關於HTML5中通過CSS3實現的圖形化邊界實例文章就講到這裡，歡迎瀏覽本站的其它內容，點擊這裡返回首頁