網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好
當前位置:酷知知識幫 > 遊戲數碼 > 電腦

用CSS怎麼設置網頁的背景色

欄目: 電腦 / 發佈於: / 人氣:2.51W

下面咱們來看看用css怎麼設置網頁背景顏色。

操作方法

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

用CSS怎麼設置網頁的背景色
用CSS怎麼設置網頁的背景色 第2張

(02)由於css樣式必須在標籤<head></head>之間,因此我們點擊<html>後面,輸入<head></head>標籤。

用CSS怎麼設置網頁的背景色 第3張

(03)在head標籤之間輸入樣式標籤<style></style>,然後定義一些屬性,例如<style type="text/css">body {background-color: yellow} 定義網頁背景色為黃色;h1 {background-color: #00ff00} 定義h1標籤背景色為#00ff00;h2 {background-color: transparent} 定義h2標籤背景色為透明;p {background-color: rgb(250,0,255)} 定義p標籤背景色為rgb值;2 {background-color: gray; padding: 20px;} 這個定義class屬性為no2的p標籤背景色為灰色,並且邊距為20px;</style>

用CSS怎麼設置網頁的背景色 第4張

(04)然後點擊body標籤後面輸入正文標籤內容,例如<h1>這是KING</h1><h2>這是KING</h2><p>這是KING</p><p class="no2">這個KING設置20內邊距。</p>

用CSS怎麼設置網頁的背景色 第5張

(05)點擊記事本菜單中的文件,選擇另存為,把內容保存為html網頁格式。雙擊打開預覽效果。

用CSS怎麼設置網頁的背景色 第6張

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

用CSS怎麼設置網頁的背景色 第7張

特別提示

如果您喜歡小編的文章,請點擊右下角的分享按鈕,分享給更多的朋友。