邊框,影象
使用 border-image
屬性,你可以設定要使用的影象而不是普通的邊框樣式。
border-image
基本上由 a 組成
border-image-source
:要使用的影象的路徑border-image-slice
:指定用於將影象分成九個區域 ( 四個角,四個邊和一個中間 ) 的偏移量border-image-repeat
:指定如何縮放邊框影象的邊和中間的影象
請考慮以下示例 wheras border.png 是 90x90 畫素的影象:
border-image: url("border.png") 30 stretch;
影象將分為 9 個區域,30x30 畫素。邊緣將用作邊框的角落,而邊緣將用於其間。如果元素高於/大於 30px,則影象的這一部分將被拉伸。影象的中間部分預設為透明。