HTML 背景
好的背景能讓網頁看起來更棒.
例 子
好的背景及文字的顏色
好的背景及文字顏色讓網頁讓網頁上的文字容易看的懂的例子
壞的背景及文字的顏色
不好的背景及文字顏色讓網頁讓網頁上的文字不容易看的懂的例子
(本頁下方你可以找到更多的練習)
背景
主體 <body>標示有二種屬性,你可以指定背景、背景能夠是顏色或圖片
背景顏色
背景顏色屬性設定背景的顏,屬性的值可以是十六位元的數字、紅綠藍( RGB)值、或顏色的名字
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
|
上面這行都將背景設成黑色
背景
背景屬性將背景設成一個圖片.屬性的值是你所要用的圖片的路徑. 如果圖片是小於瀏覽器的視窗圖片會自已重覆直到覆滿整個瀏覽器的視窗
<body background="clouds.gif">
<body background="http://www.w3schools.com/clouds.gif">
|
可以是絕對路徑(第二行)或相對路徑(第一行)
摘要: 如果你要使用背景圖片,你應該要記住:
- 背景圖片會不會增加下載時間?提示:圖片檔案最大是10k
- 背景圖片和網頁上的其它圖片是不是看起來較好?
- 背景圖片和網頁上的其它圖片文字顏色是不是看起來較好?
- 背景圖片在網頁上覆時是不是看起來較好?
- 背景圖片會不會搶走文字的光采?
基本摘要 - 好用的提示
在網頁主體<body>背景顏色、背景及文字屬性在新版的HTML(HTML 4 and
XHTML).是過時的,全球網際網路協會已經從它的建議名單中移除,在未來版本的 HTML,型式頁面 (CSS) 將會用來設定HTML元素適當的顯示及版面
只有少數的使用者網頁用圖片當背景.
最常用的背景顏色有:白色、黑色、及灰色.
更多的例子
好背景圖片
好的背景圖片及文字顏色將讓網頁讀起來很容易的例子
好背景圖片2
好的背景圖片及文字顏色將讓網頁讀起來很容易的例子
不好的背景圖片
不好的背景圖片及文字顏色將讓網頁看起來很糟的例子
|