
網(wǎng)站建設(shè)與設(shè)計(jì):設(shè)置對象的文本顏色
清除( clear)
語法:clear:none l left lright I both
參數(shù):none允許兩邊都可以有浮動(dòng)對象,both不允許有浮動(dòng)對象,left不允許左邊有浮功對象,right不允許右邊有浮動(dòng)對象。
說明:該屬性的值指出了不允許有浮動(dòng)對象的邊。
示例:如果想使一段文字包裹某一對象,而下一段文字不包裹,可以使用clear屬性。
p{ clear: left)
6.6.5背景屬性
1.顏色( color)
語法:color:color
參數(shù):color指定顏色。請參閱顏色單位。
說明:設(shè)置對象的文本顏色,即設(shè)定對象的前景顏色。用顏色名稱指定的顏色可能不會(huì)
被一些瀏覽器接受。
示例:
div {color: #345456}
div{ color: rgb(100,14,200))
div {color: menu)
div {color: red}
b f color: #333399)嚴(yán)將所有的加重字以設(shè)定的顏色顯示+/
b{ color: rgb(51,204,0))
2.背景色( background-color)
語法:background-color:color l transparent
參數(shù):color指定顏色,請參閱顏色單位。transparent表示背景色透明。
說明:用于設(shè)置對象的背景顏色,即設(shè)定對象后面固定的顏色。
示例:
p{ background-color: silver)
div{ background-color: rgb(223,71,177))
body{ background-color: #98ab6f)
pre{ background-color: transparent)
p.yellow{ background-color: #ffff66}
背景圖像( background-image)
code{ background-image: url("comet.jpg"))
blockquote{ backgrourid-image: url("C:klnetPub\MyPics\comet.jpg"))
br{ background-image: url(http://Fred.corrUImageFile/q.gif))
body{ background-image: none)
b{ background-image: url(background.gif))
當(dāng)設(shè)定一個(gè)背景圖像時(shí),最好能指定一種背景色,這樣在下載背景圖像時(shí),背景色會(huì)黨
出現(xiàn)在屏幕上,而且它將透過背景圖像上的透明區(qū)域顯示出來。 {
控制背景圖像的屬性
不僅可以將圖像放在對象后面,還可以精確地控制背景圖像的各項(xiàng)設(shè)置??梢詻Q定是
平鋪及如何平鋪,背景圖像是滾動(dòng)還是保持固定,以及將其放在什么位置。
(1)背景重復(fù)(background-repeat)
{吾法:background-repeat:repeat I no-repeat I repeat-x I repeat-y j
參數(shù):repeat表示背景圖像在縱向和橫向上平鋪,no-repeat表示背景圖像不平鋪,repeat-x'lI
表示背景圖像在橫向上平鋪,repeat-y表示背景圖像在縱向上平鋪。 .
說明:用于設(shè)置對象的背景圖像是否平鋪以及如何平鋪。注意,必須先指定對象的背景
圖像。
示例:
p{ background: url(”images/aardvark.gif’); background-repeat: no-repeat)
menu{ background: url(”images/aardvark.gif'); background-repeat: repeat-y;)