首页 > web前端 > 前端问答 > html怎么设置背景

html怎么设置背景

藏色散人
发布: 2023-01-04 09:33:43
原创
11329 人浏览过

html设置背景的方法:1.通过HTML中的Bgcolor标签将背景设置为某种颜色;2、通过HTML中的Background标签将背景设置为图像。

html怎么设置背景

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

背景(Backgrounds)

拥有两个配置背景的标签。背景可以是颜色或者图像。

背景颜色(Bgcolor)

背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
登录后复制

以上的代码均将背景颜色设置为黑色。

背景(Background)

背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

<body background="clouds.gif">
<body background="http://www.php.cn/clouds.gif">
登录后复制

URL可以是相对地址,如第一行代码。也可以使绝对地址,如第二行代码。

提示:如果你打算使用背景图片,你需要紧记一下几点:

  • 背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过 10k。

  • 背景图像是否与页面中的其他图象搭配良好。

  • 背景图像是否与页面中的文字颜色搭配良好。

  • 图像在页面中平铺后,看上去还可以吗?

  • 对文字的注意力被背景图像喧宾夺主了吗?

基本的注意事项 - 有用的提示:

标签中的背景颜色(bgcolor)、背景(background)和文本(text)属性在最新的 HTML 标准(HTML4 和 XHTML)中已被废弃。W3C 在他们的推荐标准中已删除这些属性。

应该使用层叠样式表(CSS)来定义 HTML 元素的布局和显示属性。

推荐学习:《HTML视频教程》《css视频教程

以上是html怎么设置背景的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板