html怎么设置网页背景颜色
2023-04-10 · 百度认证:IT168官方账号,优质数码领域创作者
关注
展开全部
具体操作如下:
1.首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句
。
2.由于css样式必须在标签之间,因此我们点击后面,输标签。
3.在head标签之间输入样式标签,
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;
4.然后点击body标签后面输入正文标签内容,例如
这个KING设置20内边距。
5.点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。
6.我们可以发现代码中两个同样的
1.首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句
。
2.由于css样式必须在标签之间,因此我们点击后面,输标签。
3.在head标签之间输入样式标签,
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;
4.然后点击body标签后面输入正文标签内容,例如
这是KING
这是KING
这是KING
5.点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。
6.我们可以发现代码中两个同样的
标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询