HTML 背景

2021-06-23 11:39 更新

一個富有美感的背景會讓站點看上去更加高級、更有吸引力。本篇為大家來的是 HTML 背景相關(guān)內(nèi)容。

背景（Backgrounds）

<body> 擁有兩個配置背景的標簽。背景可以是顏色或者圖像。

背景顏色（Bgcolor）

背景顏色屬性將背景設(shè)置為某種顏色。屬性值可以是十六進制數(shù)、RGB 值或顏色名。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

以上的代碼均將背景顏色設(shè)置為黑色。

背景（Background）

背景屬性將背景設(shè)置為圖像。屬性值為圖像的URL。如果圖像尺寸小于瀏覽器窗口，那么圖像將在整個瀏覽器窗口進行復(fù)制。

<body background="clouds.gif">
<body background="http://www.w3school.com.cn/clouds.gif">

URL可以是相對地址，如第一行代碼。也可以使絕對地址，如第二行代碼。

提示：如果你打算使用背景圖片，你需要緊記一下幾點：

  • 背景圖像是否增加了頁面的加載時間。小貼士：圖像文件不應(yīng)超過 10k。
  • 背景圖像是否與頁面中的其他圖象搭配良好。
  • 背景圖像是否與頁面中的文字顏色搭配良好。
  • 圖像在頁面中平鋪后，看上去還可以嗎？
  • 對文字的注意力被背景圖像喧賓奪主了嗎？

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

<body> 標簽中的背景顏色（bgcolor）、背景（background）和文本（text）屬性在最新的 HTML 標準（HTML4 和 XHTML）中已被廢棄。W3C 在他們的推薦標準中已刪除這些屬性。

應(yīng)該使用層疊樣式表（CSS）來定義 HTML 元素的布局和顯示屬性。

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號