標題:
Box Model 設計-邊框(三)
[打印本頁]
作者:
陳育霖
時間:
2023-8-29 10:29
標題:
Box Model 設計-邊框(三)
本帖最後由 陳育霖 於 2023-8-29 10:46 編輯
圖片邊框 border-image
border-image-source: 圖片URL
border-slice: 長度|百分比
四個值:上、右、下、左
三個值:上、左右、下
兩個值:上下、左右
一個值:上下左右
#box_image{
margin: 50px;
padding: 10px;
border: 50px solid;
border-image-source: url(borderfig.png);
border-image-slice: 50;
}
複製代碼
圖片寬度 border-image-width: 百分比|數值|auto
圖片邊框長度 border-image-outset: 百分比|數值
#box_image{
margin: 50px;
padding: 10px;
border: 50px solid;
border-image-width:
border-image-source: url(borderfig.png);
border-image-width: 100px;
border-image-outset: 30px;
}
複製代碼
[attach]16363[/attach]
歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/)
Powered by Discuz! 7.2