
一鍵建設網(wǎng)站:屬性的值指出了對象是否浮動及如何浮動
二¨口口 :-h -WlI百lkbM笛1爪1△~+k估旦1k亞半然 hri~笸,)/卜信省略.flflllrtt~千笆1個信.
<div style="border-width: 5px;border-style: solid;border-radius: llpx llpx llpx llpx;padding:5px;">
圓角效果
</div>
瀏覽器中的瀏覽效果如圖6-22所示。
(9) BOX陰影(box-shadow)
語法:box-shadow:length length length color
參數(shù):第1個length值表示陰影水平偏移值(可取正、負值),第2個length值表示陰垂直偏移值(可取正、負值),第3個length值表示陰影模糊值,color表示陰影顏色。
說明:用于設置塊陰影。 4
示例:
<div style="box-shadow:5px 3px 6px #OOf;border-width: lpx;border-style: solid;padding:4px 10px;">
BOX陰影效果
</div>
瀏覽器中的瀏覽效果如圖6-23所示。
圖6-22邊框圓角的瀏覽效果 圖6-23 BOX陰影的瀏覽效果
對象間隙( Paddings Properties)
對象間隙也稱內(nèi)補丁,位于對象邊框和對象之間,包括了4項屬性:padding-top(頂{間隙)、padding-right(右邊間隙)、padding-bottom(底部間隙)和padding-left(左邊間隙)不允許為負值。與margin類似,也可以用padding -次性設置所有的對象間隙,其格式也jmargin相似,這里不再一一列舉。
布局屬性
.浮動( float)
語法:float:none I left lright
參數(shù):none表示對象不浮動,left表示對象浮在左邊,right表示對象浮在右邊。
說明:該屬性的值指出了對象是否浮動及如何浮動。
浮動屬性能將一個對象周圍用文字包裹,不僅能包裹圖像、表格,還能包裹整塊的文等
示例:
div f clear:left)
img{ float: right}
下面例子的標題文字為向左浮動,而本段內(nèi)容則包裹在標題文字的右下邊,就像用文
包裹圖像時的效果:
h4 f float: left}
如果浮動要素周圍的邊距太小,可以使用前面介紹的空格填充屬性加大四周的空間。
·