·border-radius
設定四個角屬性。
·border-top-left-radius
左上角圓角邊框。
·border-top-right-radius
又上角圓角邊框。
·border-bottom-left-radius
左下角圓角邊框。
·border-bottom-right-radius
右下角圓角邊框。
·border-image
(邊框)復合屬性,設定邊框影象來填充,可以依次設定以下屬性。
·border-image-source
影象**路徑。
·border-image-slice
邊框背景圖的分割方式。
·border-image-width
邊框寬度。
·border-image-outset
邊框背景圖的擴充套件(邊框影象區域超出邊框的量)。
·border-image-repeat
邊框影象的平鋪方式:
stretch
拉伸/repeat
重複鋪滿
/round
重複 鋪滿並對影象進行調整。
如:div //陰影對映方向改變
#div1:hover
#div2 //陰影向外延伸效果
#div2:hover
#div3 //調配淡化陰影
#div3:hover
#div4{ //陰影向四周延伸
box-shadow:
0px 0px 1px 0px rgba(255,0,0,1),
0px 0px 1px 0px rgba(255,255,0,1),
0px 0px 1px 0px rgba(255,0,255,1);
#div4:hover{
box-shadow:
0px 0px 1px 5px rgba(255,0,0,0.5),
0px 0px 1px 10px rgba(255,255,0,0.5),
0px 0px 1px 15px rgba(255,0,255,0.5);
CSS3的新增邊框屬性
一 css3 新增的邊框屬性 屬性 版本 簡介 border image css3 設定或檢索物件的邊框使用影象來填充 border image source css3 設定或檢索物件的邊框是否用影象定義樣式或影象 路徑 border image slice css3 設定或檢索物件的邊框背景圖的分...
CSS邊框屬性
這個屬性用來設定上下左右邊框的風格,它的值如下 這個屬性用來設定上下左右邊框的寬度,它的值如下 演示示例 分別用medium,thin,thick和長度單位定製的css邊框寬度屬性示例 這個屬性用來設定上下左右邊框的顏色。例句如下 d5 演示示例 這個屬性是邊框屬性的乙個快捷的綜合寫法,它包含bor...
iframe div邊框屬性
用於設定文字或圖形的浮 文框或容器。border屬性 設定圍繞 框的邊緣寬度 frameboder屬性 設定邊框是不否為3維 0 否,1 是 height,width屬性 設質邊框的寬度和高度 scrolling屬性 是否有滾動條 yes,no,auto src屬性 指定iframe呼叫的檔案或 h...