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

如何在HTML中设置网页背景颜色?,第1张

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

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

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

4.在head标签之间输入样式标签,然后定义一些属性,例如

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

这是KING 这是KING

这是KING

这个KING设置20内边距。

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

html中如何设置背景颜色,背景图片,并且插入图片呢?快来看看吧。

第一步,设置背景颜色,只要改变body的bgcolor属性,不过要注意颜色与文本颜色的搭配要协调清晰。

第二步,HTML网页的背景图片得用background属性,文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口,会自动重复添加。

第三步,如果要在网页中插入图片,则得调用。

第四步,如果要设置图片大小,只要改变width和height属性即可,如图箭头所指。

第五步,默认的文字图像的排列是文字靠下,如果为了美观或要求,可以修改文字与图片的位置,如图。

注意事项

bgcolor和background两个属性,之后会被css设置替代,不过也得学好。

为了保证网页加载的速度,背景图片不要太大。

具体 *** 作如下:

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:graypadding:20px}这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;

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

这是KING

这是KING

这是KING

这个KING设置20内边距。

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

6.我们可以发现代码中两个同样的

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11602220.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存