小編給大家分享一下css中color屬性的使用方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
創(chuàng)新互聯(lián)是一家專業(yè)提供硚口企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、H5高端網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為硚口眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。
css color屬性規(guī)定文本的顏色,這個(gè)屬性設(shè)置了一個(gè)元素的前景色(在HTML表現(xiàn)中,就是元素文本的顏色),光柵圖像不受color影響。
css color屬性怎么用?
定義和用法
color 屬性規(guī)定文本的顏色。
這個(gè)屬性設(shè)置了一個(gè)元素的前景色(在 HTML 表現(xiàn)中,就是元素文本的顏色);光柵圖像不受 color 影響。這個(gè)顏色還會(huì)應(yīng)用到元素的所有邊框,除非被 border-color 或另外某個(gè)邊框顏色屬性覆蓋。
要設(shè)置一個(gè)元素的前景色,最容易的方法是使用 color 屬性。
默認(rèn)值: not specified
繼承性: yes
版本: CSS1
JavaScript 語法:
object.style.color="#FF0000"
提示和注釋
提示:請使用合理的背景顏色和文本顏色搭配,這樣可以提高文本的可讀性。
可能的值
color_name,規(guī)定顏色值為顏色名稱的顏色(比如 red)。
hex_number ,規(guī)定顏色值為十六進(jìn)制值的顏色(比如 #ff0000)。
rgb_number, 規(guī)定顏色值為 rgb 代碼的顏色(比如 rgb(255,0,0))。
inherit ,規(guī)定應(yīng)該從父元素繼承顏色。
實(shí)例
為不同元素設(shè)置文本顏色:
<html> <head> <style type="text/css"> body {color:red} h2 {color:#00ff00} p.ex {color:rgb(0,0,255)} </style> </head> <body> <h2>這是 heading 1</h2> <p>這是一段普通的段落。請注意,該段落的文本是紅色的。在 body 選擇器中定義了本頁面中的默認(rèn)文本顏色。</p> <p class="ex">該段落定義了 class="ex"。該段落中的文本是藍(lán)色的。</p> </body> </html>
效果輸出:
瀏覽器支持:所有瀏覽器都支持 color 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
看完了這篇文章,相信你對(duì)css中color屬性的使用方法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
分享名稱:css中color屬性的使用方法
文章位置:http://sd-ha.com/article18/jsjsgp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、網(wǎng)站維護(hù)、全網(wǎng)營銷推廣、App設(shè)計(jì)、網(wǎng)站收錄、
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)