邊框新增屬性

2022-07-15 07:15:10 字數 1137 閱讀 8748

·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...