CSS語法手冊(五)顏色和背景屬性(轉)
CSS語法手冊(五)顏色和背景屬性(轉)[@more@]
顏色和背景屬性
1、color
功能:設定前景或元素的顏色。
數值:使用顏色關鍵字或RGB值。例子:文字顏色(關鍵字)
文字顏色(#rrggbb)
文字顏色[rgb(rr,gg,bb)]
文字顏色[rgb(r%,g%,b%)]
2、background-color
功能:設定頁面或頁面元素的背景顏色。
數值:顏色 - 可用顏色名或RGB值transparent - 透明,使頁面背景為預設背景。例子:背景顏色
3、background-image
功能:定義背景圖形。
數值:none - 不用圖形作背景url - 提供圖形檔案的URL地址說明:也可以包括background-color屬性以便在找不到圖形時代用例子:圖形背景
4、background-repeat
功能:控制圖形背景是否重複排列。
數值:repeat - 垂直和水平重複,預設值repeat-x - 水平重複repeat-y - 垂直重複no-repeat - 不重複說明:這個屬性和 background-image 和 background-position 屬性一起使用。例子:水平重複排列
5、background-attachment
功能:指定元素的背景是隨元素一起滾動還是固定在頁面某個位置上。
數值:scroll - 隨元素一起滾動fixed - 固定說明:預設值是 scroll,這個屬性和 background-image 屬性一起使用。6、background-position
功能:用於在空間中定位元素背景
數值:長度 - 相對或絕對單位設定元素框邊緣的起點,並給出單位下的座標。百分比 - 用百分比表示框邊緣上瀏覽器開始放圖的位置。可以重複這個值也提供垂直和水平起點垂直位置 - 設定豎直方向的起點,關鍵字為 top, center, bottom水平位置 - 設定水平方向的起點,關鍵字 left, center, right例如:top left, left top和0% 0% 都表示圖形左上角從元素框左上角開始例子:Body {background-image:url(logo.gif); background-position:50% 50%}
這個語句將 Body 基本類設定為背景圖形在頁面上居中顯示。
7、background
功能:簡寫屬性,可以設定所有背景屬性。
數值:background-attachmentbackground-colorbackground-imagebackground-positionbackground-repeat有關上述數值的細節,見各個屬性部分。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8225414/viewspace-957355/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS語法手冊字型屬性(轉)CSS
- CSS語法手冊(六)分類屬性(轉)CSS
- CSS語法手冊(四)文字填充,邊框,邊界和位置屬性(二)(轉)CSS
- CSS語法手冊(三)文字填充,邊框,邊界和位置屬性(一)(轉)CSS
- 顏色的幾個術語和屬性
- CSS 中的顏色、背景和剪下CSS
- css顏色屬性詳細總結CSS
- css 設定背景顏色CSS
- 強大的CSS:顏色、背景和剪下CSS
- HTML連載79-背景圖片定位區域屬性、背景顏色HTML
- CSS-背景顏色|background-colorCSS
- CSS設定元素的背景顏色CSS
- css3背景顏色漸變CSSS3
- 4. CSS 背景和滑鼠屬性CSS
- 設定toast的字型顏色和背景顏色AST
- js設定頁面TR 的屬性 背景顏色 樣式JS
- 技巧分享:如何利用CSS屬性修改圖片顏色?CSS
- 理解CSS屬性值語法CSS
- css樣式背景顏色漸變效果CSS
- css 背景圖片屬性CSS
- css屬性值語法解讀CSS
- css顏色單位表示法CSS
- markdown字型顏色和背景設定
- CSS設定選中網頁文字時的背景和顏色CSS網頁
- 【HarmonyOS NEXT】氣泡預設顏色和API 10不同,設定popupColor屬性無法修改氣泡顏色API
- 深入理解 CSS 屬性值語法CSS
- 神奇的 CSS,讓文字智慧適配背景顏色CSS
- Android 顏色漸變 屬性動畫Android動畫
- 【Openxml】顏色變化屬性計算XML
- css3新增哪些背景屬性CSSS3
- CSS(1)基礎語法、常見屬性CSS
- CSS實現的背景圖片替代顏色程式碼CSS
- IE CSS Bug系列:PNG影象與背景顏色錯配CSS
- SQL 語法參考手冊(轉)
- SQL語法參考手冊(轉)SQL
- Eclipse背景顏色修改Eclipse
- iOS UISearchBar 修改背景顏色iOSUI
- 純 CSS 解決自定義 CheckBox 背景顏色問題CSS