-
1 # 蕪蕖夢緣Wendy
-
2 # 微思格
4種方法。
一:行內樣式
直接在標籤裡新增。<h1 style=“color:red”>content</h1> 這樣子h標籤裡的文字就變成了紅色。
二:使用style標籤
直接在html頁面裡嵌入style標籤,透過選擇器獲取到h標籤,之後再新增樣式。
<head>
<style>
#title{color:red}
</style>
</head>
<h1 id=”title“>content</h1>
三:透過引入CSS檔案
外部CSS樣式
#title{color:red} 檔名為style.css
引入:
<h1 id=”title“>content</h1>
四:透過js來動態新增
<h1 id=”title“>content</h1>
<script>
document.getElementById(“title”).style.color = “red”;
</script>
-
3 # 程式設計字典
Color 名稱
在HTML中,顏色可以用顏色名稱指定,例如:
ColorName Red Orange Yellow Cyan Blue
讓我試試:http://codingdict.com/article/6076
RGB 值
在HTML中,顏色也可以被指定為一個RGB值,用此公式: rgb(red, green, blue)
每個引數 (red, green, and blue) 定義顏色在0和255之間的強度.
例如,RGB(255,0,0)顯示為紅色,因為紅色是它的最高值(255)和其他的設定0。
顯示顏色為黑色,所有顏色引數必須設定為0,這樣:RGB(0,0,0)。
顯示白色,所有顏色引數必須設定為255,這樣:RGB(255,255,255)。
下面是混合RGB值的實驗:
RedGreenBlue25500
rgb(255, 0, 0)ColorRGB rgb(255,0,0) rgb(255,255,0) rgb(0,255,0) rgb(0,255,255) rgb(0,0,255)
讓我試試
通常使用3個光源的相等值來定義灰度陰影:
ColorRGB rgb(0,0,0) rgb(90,90,90) rgb(128,128,128) rgb(200,200,200) rgb(255,255,255)
讓我試試:http://codingdict.com/article/6076
HEX 值
在HTML中, 顏色也可以在窗體中使用十六進位制值指定: #RRGGBB, 這裡 RR (red), GG (green) 和 BB (blue) 是 00 到 FF 之間的一個取值 (像數字 0-255).
例如, #FF0000 顯示為紅色, 因為紅色被設定為它的最高值 (FF) 其他設定為最低值 (00).
ColorHEX #FF0000 #FFFF00 #00FF00 #00FFFF #0000FF
讓我試試:http://codingdict.com/article/6076
ColorHEX #000000 #404040 #808080 #CCCCCC #FFFFFF
讓我試試:http://codingdict.com/article/6076
回覆列表
兩種方式,一種<h>加樣式,另一種結合<font>元素,但不常用,如下面例子
<!DOCTYPE html>
<html>
<body>
<h1 >Hello World</h1>
<h2><font color="green">Hello World</font></h2>
</body>
</html>
運用結果如下