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