如何在HTML中设置背景色？

HTML基础：如何设置网页的背景色？

答案： 在HTML中，可以使用style属性来设置网页的背景颜色。具体方法是在body标签内加入style属性，并给它赋值background-color属性，然后再指定一个颜色值即可。

目前创新互联已为超过千家的企业提供了网站建设、域名、虚拟主机、网站托管、服务器租用、企业网站设计、肥东网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

例如：

```html

```

这个代码会将整个页面的背景设为淡灰色。

接下来我们详细地介绍一下如何在HTML中设置不同类型的背景颜色。

纯色背景

如果想要用单一颜色填充整个页面作为背景，只需要把上面提到的代码改成自己喜欢的颜色即可。比如要将页面变成蓝底白字，可以这样写：

其中color属性用于指定文字颜色（默认黑色），这里我们把它设为白色以便更好地突出显示。

除了直接输入英文名称或十六进制数表示RGB值外，还可以通过CSS预定义关键词来选择常见的几种颜

渐变背景

除了纯色，我们还可以使用CSS的线性渐变功能来实现更炫酷的效果。

这个代码会将页面从上到下呈现出一个由黄色到橙色逐渐过度的颜色渐变。其中linear-gradient是指定使用线性渲染方式，to bottom表示从上往下，#f1c40f和#e67e22则是起始点和终止点所对应的颜色值。

如果想要让其它方向产生不同角度或形态的渐变，则需要调整前面那个参数（如left、right等）以及两端对应颜色值即可。

图片背景

除了单一或多重颜色之外，我们还可以通过设置一张图片作为网页背景来增加美感和视觉效果。方法也非常简单：

这里把url()函数中间放入你自己喜欢的图片链接即可。注意：在选择图片时最好尽量选用高清晰度而又体积较小的图片，以免影响页面加载速度。

分享名称：如何在HTML中设置背景色？
分享网址：http://www.mswzjz.cn/qtweb/news23/246473.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能