當前位置:首頁 » 風景景觀 » html設置背景色

html設置背景色

發布時間: 2020-11-22 15:44:27

Ⅰ 怎麼設置整個html的背景顏色

想要設置HTML的背景顏色,只要改變body的bgcolor屬性就可以,

不過要注意顏色與文本顏色的搭配不然太難看了;

還可以設置背景為圖片樣式的,需要用到background屬性,

注意文件路徑如果和網頁在一個文件夾內只要寫圖片名字,不然請寫全。

如果圖片小於網頁顯示窗口,會自動重復添加。

如果要在網頁中插入圖片,則得調用<imgsrc="URL">。

Ⅱ 如何在html中設置網頁背景顏色

<html><head></head><body>
<div style="background-color:red;height:100px"></div>
<div style="background-color:blue;height:200px"></div>

</body></html>

顏色自己調,可以用取色器查看顏色,例如background-color:#789999; 如果需要加邊框可以用border屬性

<html><head></head><body>
<div>
<div style="float:left;height:100px;width:50%;background-color:green;"></div>
<div style="float:left;height:100px;width:50%;background-color:red;"></div>
</div>
<div style="background-color:blue;height:200px;clear:both;"></div>

</div></div></body></html>

建議你專先了解一下div/CSS布局,同屬一種布局有不同的實現方式。

Ⅲ HTML如何給背景顏色設置透明度

(1)創建一個來html文件。如圖

Ⅳ HTML如何給背景顏色設置透明度

為div添加樣式。在<title>標簽後面創建一個<style>,在<style>標簽里設置rgba類的高
和背景透明度的樣式(rgba(R,G,B,A))。透明度參數,取值在0~1之間,不可為負值,
透明度參數越小透明度越高。
#test-1,#test-2,#test-3{
width:300px;
height:200px;
line-height:200px;
text-align:center;
display:inline-block;
margin-left:50px;
color:#FFF;
}

#test-1{
background-color:rgba(0,0,0,1);
}
#test-2{
background-color:rgba(0,0,0,0.5);
}
#test-3{
background-color:rgba(0,0,0,0.2);
}

Ⅳ html中如何設置各級標題的字體顏色大小背景顏色 急求!!!

假如:h1標題。
h1{
background:#f00;/*背景顏色紅色*/
font-size:18px;/*字體大小18px*/
color:#000;/*字體顏色黑色*/
}
自己可以嘗試一下,也可以繼續追問。

Ⅵ HTML語言中,設置背景顏色的代碼是

HTML語言中,設置背景顏色的代碼是background-color,語法格式為{background-color:transparent | color},背景屬性的顏色值設定方法可以採用英文單詞、十六進制、RGB、HSL、HSLA和GRBA。

  • 圖為碧色、藍色、綠色HTML顏色代碼表

Ⅶ html怎樣設置字體的背景顏色

方法有很多~建議多看看相關教程!

最簡單的設置背景顏色:
找到<body>標記,在裡面打個空格輸入bgcolor="這里寫顏色的英文,也可以是16進制,如"#0099FF".
想插背景圖片輸background="這里是圖片地址"
若要改文字顏色.在文字兩端加<font>標記,在裡面輸入color="寫英文或16進制,同上!"
整體效果:
<font color="#0099FF" size="1">這里是文字</font> //後面的size控制字體大小

若想用樣式控制,全部代碼如下:
<html>
<head>
<title></title>
<style type="text/css"> //這里是CSS樣式聲明
<!-- //這是防止瀏覽器無法識別用的!不用管
body {
background-color: #0033FF;
} //背景顏色樣式,採用標簽選擇符樣式

.font{color: #33CC00}
//字體顏色樣式,採用類選擇符樣式,用class 調用
-->
</style>
</head>
<body> //這里調用標簽選擇符樣式
<span class="font">字體的顏色</span> //這里調用類選擇符樣式
</body>
</html>

Ⅷ 在html文件中設置背景顏色為什麼顯示不出來

首先確定要使用的背景顏色,HTML顏色由每個代碼決定。在計算機的Web瀏覽器中訪問http://www.php.cn/html/html-colornames.html,就能查看所有顏色的代碼,並且在「HEX」部分中選擇要使用的基色。

使用Notepad++或Notepad打開HTML文件,並且把頁面的所有樣式信息(包括背景顏色)添加進來。將「background-color」屬性添加到「body」元素。background-color要在body括弧之間輸入,如下:

<bodybgcolor="red">背景紅色

或者

body{

background-color:red

}

(8)html設置背景色擴展閱讀

可以使用「background-color」來定義其他元素的背景,例如標題,段落等。例如,要將背景顏色應用於主標題(<h1>)或段落(<p>)。製作漸變時,需要兩條信息起點和角度,以及漸變之間過渡的顏色。可以選擇多種顏色以使漸變在所有顏色之間移動,並且可以設置漸變的方向或角度。

屬性:背景:線性梯度(方向/角度,顏色1,顏色2,顏色3,等);

製作垂直漸變的時候,如果未指定方向,則漸變將從上到下要創建漸變,要在<style></style>標記之間添加以下代碼:

html{

min-height:100%;

}

body{

background:-webkit-linear-gradient(left,#93B874,#C9DCB9);

background:-o-linear-gradient(right,#93B874,#C9DCB9);

background:-moz-linear-gradient(right,#93B874,#C9DCB9);

Ⅸ html怎麼設置模塊背景

很簡單:

<bodystyle="background-color:#000;color:#000;margin:0px;"><!--設置BODY背景顏色我黑色,字體顏色也是黑色,這個時候在裡面鞋子肯定啥也看不見!-->
<divstyle="margin:auto;background-color:#FFF;width:960px;height:100%;"><!--建立一個DIV,先居中,然後設置背景顏色為白色,寬度為960px;高度為100%,然後在裡面寫字就能看見了-->

完整代碼:

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>無標題文檔</title>
</head>
<bodystyle="background-color:#000;color:#000;margin:0px;">
<divstyle="margin:auto;background-color:#FFF;width:960px;height:100%;">
我是演示文本!!!
</div>
</body>
</html>

Ⅹ html網頁製作,如何設置網頁背景色

  1. 首先打開電腦上自帶的記事本程序,然後輸入html網頁基本結構語句。<html><body></body></html>

  2. 我們可以發現代碼中兩個同樣的<p>標簽顯示的css樣式卻不同,區別就在於樣式中定義的p.no2,這就是正文代碼中class="no2"的優勢所在,可以定義個性風格。

熱點內容
一部國外電影,一個老男人騎個摩托車 發布:2024-08-19 09:13:10 瀏覽:920
脖子上有睾丸是什麼電影 發布:2024-08-19 09:03:17 瀏覽:374
變形金剛撒誰家的 發布:2024-08-19 08:43:06 瀏覽:478
美國男電影雙胞胎 發布:2024-08-19 08:42:20 瀏覽:764
黑人橄欖球少年收養電影 發布:2024-08-19 08:25:26 瀏覽:918
夏目哉大片 發布:2024-08-19 08:09:22 瀏覽:806
他第一部出演的電視劇是,的英語 發布:2024-08-19 08:07:54 瀏覽:654
電影檢索 發布:2024-08-19 07:48:52 瀏覽:198
誰有視頻 發布:2024-08-19 07:41:55 瀏覽:141
成龍香港鬼片電影大全 發布:2024-08-19 07:39:46 瀏覽:223