首頁 > 文章 > web前端 > html怎麼設定網頁背景

html怎麼設定網頁背景

方法：1、在body標籤中，使用bgcolor屬性設定背景顏色，語法「
」；2、、在body標籤中，使用background屬性設定背景圖片，語法“”。

html怎麼設定網頁背景

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

好的背景讓網站看起來特別棒。那html要怎麼設定網頁背景呢？下面介紹一下。

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

背景顏色（Bgcolor）

bgcolor 屬性規定文件的背景顏色。屬性值可以是十六進位數、RGB 值或顏色名稱。

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

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

實例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	</head>

	<body bgcolor="#E6E6FA">
		<h1>Hello world!</h1>
	</body>

</html>

html怎麼設定網頁背景

背景（Background）

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

<body background="logo.png">
<body background="https://www.php.cn/static/images/logo.png">

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

實例：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body background="img/1.jpg">

<h1>Hello world!</h1>

</body>
</html>

html怎麼設定網頁背景

推薦教學：《html影片教學》

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

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多