上一篇: 【好的網(wǎng)站制作網(wǎng)站】在網(wǎng)頁(yè)中使用不同字號(hào)的字有時(shí)是美觀的,有時(shí)卻不合適

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