上次我們提到了 <BODY> 標籤, 要幫網頁加上顏色, 就是靠這個標籤
還記得標籤有屬性的設定嗎? 我們就是要利用 BODY 標籤的屬性來設定顏色, 我們先來看看這些跟顏色相關的屬性
前景色即是指一般文字的顏色
背景色即是指網頁的底色
超連結相關的語法還沒講到, 不過這裡可以先一併了解如何設定超連結的文字顏色
我們延用上次的例子來補上顏色的設定
如此, 網頁的底色就會變成了黃色, 字也會變成了紅色
如上所見, 顏色值可以很直覺性的用英文的顏色名, 下面列出了幾個常用的顏色名
red,orange,yellow,green,blue,black,white
除了這些之外, 還有很多顏色名, 有需要的可以自行查一下 HTML Color Table, 不過各瀏覽器在支援顏色名的部份稍有不同, 因此在實務上我們倒是比較少用顏色名來設定顏色值, 而是使用另一種顏色表示方式, 這個我們留到下次再談
--gs--
{HTML基礎教學}{HTML Color Table}
還記得標籤有屬性的設定嗎? 我們就是要利用 BODY 標籤的屬性來設定顏色, 我們先來看看這些跟顏色相關的屬性
<BODY
TEXT=前景色
BGCOLOR=背景色
LINK=超連結的文字顏色
ALINK=作用中的超連結文字顏色
VLINK=已瀏覽過的超連結文字顏色
>
TEXT=前景色
BGCOLOR=背景色
LINK=超連結的文字顏色
ALINK=作用中的超連結文字顏色
VLINK=已瀏覽過的超連結文字顏色
>
前景色即是指一般文字的顏色
背景色即是指網頁的底色
超連結相關的語法還沒講到, 不過這裡可以先一併了解如何設定超連結的文字顏色
我們延用上次的例子來補上顏色的設定
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="yellow" text="red">
123
</BODY>
</HTML>
<HEAD>
</HEAD>
<BODY bgcolor="yellow" text="red">
123
</BODY>
</HTML>
如此, 網頁的底色就會變成了黃色, 字也會變成了紅色
如上所見, 顏色值可以很直覺性的用英文的顏色名, 下面列出了幾個常用的顏色名
red,orange,yellow,green,blue,black,white
除了這些之外, 還有很多顏色名, 有需要的可以自行查一下 HTML Color Table, 不過各瀏覽器在支援顏色名的部份稍有不同, 因此在實務上我們倒是比較少用顏色名來設定顏色值, 而是使用另一種顏色表示方式, 這個我們留到下次再談
--gs--
{HTML基礎教學}{HTML Color Table}
沒找到你要的東西嗎?歡迎留下你的問題!若是我知道的,我會盡力的回答。
0 意見:
張貼留言
廣告訊息會被我刪除