您好,登錄后才能下訂單哦!
小編給大家分享一下html中hr標(biāo)簽?zāi)懿荒茉O(shè)置黃顏色,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
在HTML中,hr標(biāo)簽可以設(shè)置黃顏色,只需要利用hr標(biāo)簽的style屬性添加顏色樣式即可,語法格式“<hr style="border-color: yellow"/>”。border-color屬性用于給元素設(shè)置邊框顏色。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
<hr> 標(biāo)簽定義 HTML 頁面中的主題變化(比如話題的轉(zhuǎn)移),并顯示為一條水平線。
<hr> 元素被用來分隔 HTML 頁面中的內(nèi)容(或者定義一個變化)。
默認(rèn)的hr標(biāo)簽樣式:
那么hr標(biāo)簽?zāi)茉O(shè)置為黃顏色嗎?
答案是:可以。
下面通過示例來介紹一下。
<hr style="border-color: yellow"/>
可以看出利用css的border-color屬性即可設(shè)置設(shè)置hr標(biāo)簽的顏色。
border-color屬性設(shè)置一個元素的四個邊框顏色。
在css中,顏色值可以使用顏色名、百分比、數(shù)字和十六進(jìn)制數(shù)值,共有四種寫法。
1) 使用顏色名
雖然目前已經(jīng)命名的顏色約有 184 種,但真正被各種瀏覽器支持,并且作為 CSS 規(guī)范推薦的顏色名稱只有 16 種,如下表所示。
名 稱 | 顏 色 | 名 稱 | 顏 色 | 名 稱 | 顏 色 |
---|---|---|---|---|---|
black | 純黑 | silver | 淺灰 | navy | 深藍(lán) |
blue | 淺藍(lán) | green | 深綠 | lime | 淺綠 |
teal | 靛青 | aqua | 天藍(lán) | maroon | 深紅 |
red | 大紅 | purple | 深紫 | fuchsia | 品紅 |
olive | 褐黃 | yellow | 明黃 | gray | 深灰 |
white | 殼白 |
不建議在網(wǎng)頁中使用顏色名,特別是大規(guī)模的使用,避免有些顏色名不被瀏覽器解析,或者不同瀏覽器對顏色的解釋差異。
2) 使用百分比
這是一種最常用的方法,例如:
color: rgb(100%, 100%, 100%);
這個聲明將紅、藍(lán)、綠 3 種原色都設(shè)置為最大值,結(jié)果組合顯示為白色。相反,可以設(shè)置rgb(0%, 0%, 0%)
為黑色。3 個百分值相等將顯示灰色,同理哪個百分值大就偏向哪個原色。
3) 使用數(shù)值
數(shù)字范圍從 0~255,例如:
color: rgb(255, 255, 255);
上面這個聲明將顯示白色,相反,可以設(shè)置為rgb(0, 0, 0)
,將顯示黑色。3 個數(shù)值相等將顯示灰色,同理哪個數(shù)值大哪個原色的比重就會加大。
4) 十六進(jìn)制顏色
這是最常用的取色方法,例如:
color: #ffffff;
其中要在十六進(jìn)制前面加一個#
顏色符號。上面這個聲明將顯示白色,相反,可以設(shè)置#000000
為黑色,用 RGB 來描述:
color: #RRGGBB;
從 0~255,實(shí)際上十進(jìn)制的 255 正好等于十六進(jìn)制的 FF,一個十六進(jìn)制的顏色值等于 3 組這樣的十六進(jìn)制的值,它們按順序連接在一起就等于紅、藍(lán)、綠3種原色。
以上是“html中hr標(biāo)簽?zāi)懿荒茉O(shè)置黃顏色”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。