html怎麼設定背景

藏色散人
發布: 2023-01-04 09:33:43
原創
11307 人瀏覽過

html設定背景的方法:1.透過HTML中的Bgcolor標籤將背景設定為某種顏色;2、透過HTML中的Background標籤將背景設定為圖片。

html怎麼設定背景

本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

背景(Backgrounds)

擁有兩個配置背景的標籤。背景可以是顏色或影像。

背景顏色(Bgcolor)

背景顏色屬性將背景設為某種顏色。屬性值可以是十六進位數、RGB 值或顏色名稱。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
登入後複製

以上的程式碼都將背景顏色設為黑色。

背景(Background)

背景屬性將背景設定為圖片。屬性值為影像的URL。如果圖像尺寸小於瀏覽器窗口,那麼圖像將在整個瀏覽器窗口進行複製。

<body background="clouds.gif">
<body background="http://www.php.cn/clouds.gif">
登入後複製

URL可以是相對位址,如第一行程式碼。也可以使絕對位址,如第二行程式碼。

提示:如果你打算使用背景圖片,你需要緊記幾點:

  • #背景圖片是否增加了頁面的載入時間。小貼士:圖像檔案不應超過 10k。

  • 背景圖片是否與頁面中的其他圖象搭配良好。

  • 背景圖片是否與頁面中的文字顏色搭配良好。

  • 圖片在頁面中平鋪後,看起來還可以嗎?

  • 對文字的注意力被背景圖像喧賓奪主了嗎?

基本的注意事項- 有用的提示:

標籤中的背景顏色(bgcolor)、背景(background)和文字(text)屬性在最新的HTML 標準(HTML4 和XHTML)中已被廢棄。 W3C 在他們的建議標準中已刪除這些屬性。

應該使用層疊樣式表(CSS)來定義 HTML 元素的佈局和顯示屬性。

推薦學習:《HTML影片教學》《css影片教學

以上是html怎麼設定背景的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!