有時候當(dāng)我們需要給字體設(shè)置顏色,比如實現(xiàn)以下效果:
那么我們可以輸入以下代碼:
技術(shù)點的解釋:
1、color屬性可以設(shè)置字體顏色。
2、color的值有3種設(shè)置方式:
p{color:red;}
這個與 photoshop 中的 RGB 顏色是一致的,由 R(red)、G(green)、B(blue) 三種顏色的比例來配色。
p{color:rgb(133,45,200);}
每一項的值可以是 0~255 之間的整數(shù),也可以是 0%~100% 的百分?jǐn)?shù)。如:
p{color:rgb(20%,33%,25%);}
這種顏色設(shè)置方法是現(xiàn)在比較普遍使用的方法,其原理其實也是 RGB 設(shè)置,但是其每一項的值由 0-255 變成了十六進制 00-ff。
p{color:#00ffff;}
配色表:
(單擊圖片可放大)
我來試一試:
給右側(cè)編輯器中三個鏈接分別使用三種顏色值方式設(shè)置顏色為紅色
(可以使用class類來選擇不同的元素)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>color顏色</title> <style type="text/css"> .one { color: red; } .two { color: #FF0000; } .three { color: rgb(255, 0, 0); } </style> </head> <body> <a href="http://idcbgp.cn/" class="one">慕課網(wǎng)1</a> <a href="http://idcbgp.cn/" class="two">慕課網(wǎng)2</a> <a href="http://idcbgp.cn/" class="three">慕課網(wǎng)3</a> </body> </html>
class類名自定義,上面只是舉個例子
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報