網站CSS背景樣式background屬性
作者:佚名 時間:2014-03-15 分享到:
網站CSS中background屬性
與各種字體屬性一樣,許多CSS2背景屬性編寫起來很麻煩,而且以后閱讀時也會很困難。因此,與font屬性一樣,也要使用一個一般的background屬性。
background屬性能夠以任何順序接受任何或所有background-color、background-image、background-attachment、background-repeat和background-postion屬性的值。發果沒有為某些屬性指定值,那些屬性將被明確地設置為其默認值。因此:background:red
可以將background-color屬性設置為紅色,并把其他背景屬性重設為默認值。在下面這個更復雜的示例中:
background: url(background/marble.gif) blue repeat-y fixed center
該代碼一次設置了所有的背景圖像和顏色屬性,結果是在藍色背景上放置了一個大理石圖像(藍色透過任何透明區域顯示出來)。圖像從內容顯示區域的中央開始,在垂直方向上重復,而當用戶滾動圖像時,背景圖像不會跟著滾動。注意,我們只用了一個位置值(center),瀏覽器將該值同時作為垂直和水平位置。
color屬性
color屬性設置的是標簽內容的前景顏色(例如文本文字的顏色)。它的值可能是一種顏色名,也可能是一個十六進制的RGB組合,或一個十進制的RGB組合,下列內容都是有效的屬性聲明:
color: mauve
color: #ffddff
color: rgb(255.125.155)
color: rgb(100%,45%,54%)
一般來說,我們會對文本使用color屬性,但是也可以用color來修該標簽中的非文本內容。例如,下面的示例將產生一條綠色的水平分隔線:
hr{color: green}
如果沒有指定元素的顏色,它將繼承其父元素的顏色。