HOME

基本語法
HTML 概述
HTML & WWW
HTML 簡介
HTML 元素
HTML 基本標示
HTML 字元型式
HTML 字元實體
HTML 連結
HTML 框架
HTML 表格
HTML 排列
HTML 字型與輸入
HTML 圖片
HTML 背景

進階語法
HTML 版面
HTML 字型
HTML 4.0 Why
HTML 型式Styles
HTML 頭部Head
HTML 頭部資料
HTML URL
HTML 程式指令
HTML 傳送檔案

範例練習及參考資料
HTML 練習例子
W3C 線上測驗
HTML 快速列表
HTML 標示列表
HTML 屬性
HTML 事件
HTML ASCII
HTML URL轉檔
HTML 字元實體
HTML 顏色
HTML 顏色值
HTML 顏色名稱
HTML HTTP

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
好的背景圖片及文字顏色將讓網頁讀起來很容易的例子 

不好的背景圖片
不好的背景圖片及文字顏色將讓網頁看起來很糟的例子


上一頁 下一頁