Design News

網頁設計新知

設計網頁背景

May 20, 2009

網頁語法<body>的Bgcolor屬性用來設計網頁的背景顏色,使用顏色名稱或十六進位代碼來設計出網頁上的顏色效果。 

HTML有自己控制網頁顏色的語法,HTML使用十六進位的RGB顏色值對網頁顏色進行控制,即色彩可以通過英文名稱或者十六進位值來表現。 

如標準的紅色,可以使用Red作為名稱來表現,也可以使用#FF0000的十六進位值來表現。其中#是十六進位顏色開始的標記,FF0000代表一個十六進位值。#FF0000是RGB三基色模式,前兩位元為紅色彩色數值,中間兩位元為綠色色彩數值,後兩位為藍色色彩數值,即#RRGGBB,每個基色位深度為8,可取值為00~FF。 

實例:設置網頁背景顏色 

網頁語法實例 

<html>
<head>
……
</head>
<body bgcolor="#00CC66">
<!--聲明網頁背景顏色為#00CC66的綠色-->
……
</body>
</html> 

網頁的背景圖像通過<body>標籤的Background屬性來實現。與向網頁中插入圖片不同,背景圖像放在網頁的最底層,文字和圖片等都位於它的上面,文字 插入的圖片等會覆蓋背景圖像。在預設的情況下,背景圖像在水平方向和垂直方向上會不斷重複出現,直到鋪滿整個網頁為止。