html設(shè)置背景顏色的方法

這篇文章給大家分享的是有關(guān)html設(shè)置背景顏色的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

樂安ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

首先我們先來看看關(guān)于HTML設(shè)置背景顏色：

我們首先設(shè)置一個(gè)背景顏色，把背景顏色設(shè)在body標(biāo)簽中我們來看看效果：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>創(chuàng)新互聯(lián)</title>
</head>
<body bgcolor="black">
這是創(chuàng)新互聯(lián)
</body>
</html>

背景顏色設(shè)置成了黑色，大家能想到在瀏覽器中顯示的效果嗎？

html設(shè)置背景顏色的方法

沒錯(cuò)就是這個(gè)效果，什么都看不到了，我們看看把字體設(shè)置一個(gè)顏色，看看能不能顯示出來：

<body bgcolor="black">
<p>這是<font color="#E41316">創(chuàng)新互聯(lián)</font></p>
</body>

是不是很明顯，在字體里面加個(gè)顏色就能顯示出來文本，但是還有兩個(gè)字沒有加顏色，所以還是顯示不出來。

現(xiàn)在我們來看看如何制作文字的背景：

<body bgcolor="black">
<p style="background-color: #E12125">這是創(chuàng)新互聯(lián)</p>
</body>

這時(shí)候的font標(biāo)簽已經(jīng)不管用了，所以我們果斷的使用了css樣式來改變背景顏色，看的出來吧，這是一個(gè)簡單的css樣式，只設(shè)置了一個(gè)背景顏色。

因?yàn)閜標(biāo)簽的原因，所以背景就把整個(gè)一行給全部占據(jù)了。這樣看起來效果更明顯點(diǎn)，所以我也就不框起來了，就當(dāng)把方法教給大家吧，我們用背景用不了這么多的時(shí)候，可以在p標(biāo)簽的外圍加上一個(gè)div標(biāo)簽，設(shè)置寬度為文字的寬度，這樣就不會(huì)讓文字背景成一行顯示了，這也是一種常用的方法之一。

當(dāng)然背景還可以使用圖片來做背景圖，我們來看看效果實(shí)例：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>創(chuàng)新互聯(lián)</title>
</head>
<body style="background-image: url(/upload/otherpic69/5a9675a3b2106284.jpg)">
<p>這是創(chuàng)新互聯(lián)</p>
</body>
</html>

這是在網(wǎng)上復(fù)制的一張圖，效果還是很明顯的，現(xiàn)在來看看實(shí)例：

html設(shè)置背景顏色的方法

這就是當(dāng)做整個(gè)網(wǎng)頁的背景了。我們可以從別的地方看到好看的適合做背景圖的可以右擊那張圖片，選復(fù)制圖片地址，往這url里面一套就行了。這也是很簡單的，大家可以在下面多多練習(xí)看看效果是不是和我這一樣。

感謝各位的閱讀！關(guān)于html設(shè)置背景顏色的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

當(dāng)前文章：html設(shè)置背景顏色的方法
分享URL：http://bm7419.com/article0/pcdeoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、商城網(wǎng)站、建站公司、App設(shè)計(jì)、網(wǎng)站收錄、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)