当前位置：首页 - 正文

html网页制作,如何设置网页背景色?

发布网友发布时间：2022-04-23 00:44

共2个回答

热心网友时间：2022-04-06 11:38

首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>

由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。

在head标签之间输入样式标签<style></style>,然后定义一些属性，例如

body {background-color: yellow} 定义网页背景色为*；

h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00；

h2 {background-color: transparent} 定义h2标签背景色为透明；

p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值；

p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px；

</style>

然后点击body标签后面输入正文标签内容，例如

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

<p class="no2">这个KING设置20内边距。</p>

点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。

我们可以发现代码中两个同样的<p>标签显示的css样式却不同，区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在，可以定义个性风格。

还可以选择用html设置，如下：

颜色自己调，可以用取色器查看颜色，例如background-color:#789999; 如果需要加边框可以用border属性

热心网友时间：2022-04-06 12:56

background-color: #fff;

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com