半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

如何在HTML中设置网页背景颜色?

2022-05-31 07:28:01 暂无评论 184 网站建设 何在   颜色   背景

1.首先打开电脑上自带的记事本程序,从HTML5开始就不再支持<bgcolor>属性了。你想设置背景颜色和网页其它方面的样式,就得使用CSS。

2.然后输入html网页基本结构语句。<html><body></body></html>。

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

4.在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值;

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

</style>

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

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

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

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

猜你喜欢