當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

html中如何设置网页背景

發布時間：2023/12/15 综合教程 33 生活家

生活随笔收集整理的這篇文章主要介紹了 html中如何设置网页背景小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

小編給大家分享一下html中如何設置網頁背景，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

方法：1、在body標簽中，使用bgcolor屬性設置背景顏色，語法“<body bgcolor="顏色值">”；2、、在body標簽中，使用background屬性設置背景圖片，語法“<body background="圖片url">”。

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

好的背景使站點看上去特別棒。那么html怎么設置網頁背景？下面介紹一下。

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

背景顏色（Bgcolor）

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

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

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

實例：

<!DOCTYPEhtml>
<html>
	<head>
		<metacharset="utf-8"/>
	</head>

	<bodybgcolor="#E6E6FA">
		<h2>Helloworld!</h2>
	</body>

</html>

背景（Background）

background 屬性規定規定文檔的背景圖像。。屬性值為圖像的URL。如果圖像尺寸小于瀏覽器窗口，那么圖像將在整個瀏覽器窗口進行復制。

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

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

實例：

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
</head>
<bodybackground="img/1.jpg">

<h2>Helloworld!</h2>

</body>
</html>

以上是生活随笔為你收集整理的html中如何设置网页背景的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。