css背景代码是什么，css怎么控制背景颜色

欢迎光临，沐风博客分享SEO和微信公众号/视频号等推广技术！

推荐：2024年百度SEO应该怎么做 - 微信视频号刷爱心多少钱 - 公众号文章1000阅读量多少钱

当前位置：沐风博客 >> 网页设计 >>正文 沐风博客，提供微信公众号阅读量、视频号点赞等服务，微信或者QQ联系

css背景代码是什么，css怎么控制背景颜色

重点导读：css背景代码主要就是设置background-color，然后在后面选择我们喜欢的颜色就可以了。通常css背景代码用来控制div和特殊的文本，本文举了实例，也给出了代码，大家拿去用即可，只需要在颜色那里改下颜色值。
发布人:沐风 - 更新时间:2020-05-19 15:16:44 - 地址:http://www.tangmengyun.com/seo/1970.html - 浏览:4567

css是流行的控制前段样式的脚本，通过css我们可以让前段以我们喜欢的形势出现，本文给大家介绍的是css背景代码，下面就来看看用css怎么控制背景颜色。

一、通过css代码控制div的背景颜色

css代码控制背景颜色.jpg

上面是css代码控制div背景颜色的效果，下面是具体的代码：

<div style="width:500px; height:300px; background-color:#0066FF;">
这里把div的背景颜色设置成了#0066FF这个值。
</div>

可以看到只需要添加background-color整个属性就可以了，在属性后面选择具体的颜色，大家如果用Dreamweaver的话，会有具体的可视的颜色选择，大家选择自己喜欢的就可以了。

二、通过css代码控制文本的背景颜色

对于文本背景颜色的控制也是一样的，大家可以参考下前面的案例，这里笔者也给大家举个例子，先看效果图：

css代码控制文本的背景颜色.jpg

上面是css代码控制文本背景颜色的效果，下面是具体的代码：

<span style=" background-color:#0033FF; color:#FFFFFF; padding:10px;">设置文本的背景颜色</span>

可以看到给文本设置背景颜色，也是通过设置background-color来实现的，为了让效果更加明显，这里笔者把前段文本的颜色设置成了白色。

关于css背景代码，本文就简单的介绍到这里，相信大家要对css背景代码了解了吧。其实很简单，css背景代码主要就是设置background-color，然后在后面选择我们喜欢的颜色就可以了。通常css背景代码用来控制div和特殊的文本，本文举了实例，也给出了代码，大家拿去用即可，只需要在颜色那里改下颜色值。

相关知识点
CSS：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。