当前位置:常识百科馆>游戏数码>电脑>

用CSS怎么设置网页的背景色

电脑 阅读(2.6W)

下面咱们来看看用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张

特别提示

如果您喜欢小编的文章,请点击右下角的分享按钮,分享给更多的朋友。