對(duì)于CSS屬性 border ，相信所有的WEB開(kāi)發(fā)人員都非常熟悉。我們可通過(guò)設(shè)置HTML元素的 border 的寬度、顏色、樣式，來(lái)讓HTML元素表現(xiàn)出不同的邊框，比如雙線、虛線、圓點(diǎn)線。但不管你怎么設(shè)置，這些都是一些非常原始的做法。從CSS3起，我們有了一個(gè)新的屬性： border-image ，它能讓你用漂亮的小圖片來(lái)圍繞HTML元素，以圖片邊框的形式出現(xiàn)。通過(guò) border-image 屬性，我們可以制作出非常漂亮的邊框樣式。
在CSS3里引入的很多新特征中，比如HTML5中新型input類型, 中文字體(web font) ,placeholder等，都很實(shí)用，也很流行，而且我們之前也舉了一個(gè)非常漂亮的 border-image 的例子，但網(wǎng)絡(luò)上使用圖片邊框 border-image 的還是很少，我想主要是因?yàn)楣雀铻g覽器和火狐瀏覽器很早就支持它們了，而IE11才支持這種語(yǔ)法。
圖片邊框 border-image 的語(yǔ)法
新聞熱點(diǎn)
疑難解答
圖片精選
