当前位置: 沐风工作室 >> 网页设计 >>css背景代码是什么,css怎么控制背景颜色

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

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和特殊的文本,本文举了实例,也给出了代码,大家拿去用即可,只需要在颜色那里改下颜色值。


已帮助 103 人

本站内容大部分由沐风工作室原创,少部分内容来源于网络,如有侵权请与我们联系,我们会及时删除!
责任编辑:沐风 | 发布时间:2020年05月19日15点16分44秒 | 本文永久地址为 http://www.tangmengyun.com/seo/1970.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

沐风工作室-提供SEO培训,网站优化,互联网推广创业等资讯和服务,主要业务为SEO培训、作文代写、演讲稿代写、网站原创文章代写、SEO伪原创文章代写以及微信阅读增量等。

针对百度等搜索引擎的SEO系统实战培训

网站文章代写:高质量原创文章及伪原创文章
注:文章皆为手动编辑,确保质量和效果

刷微信阅读:价低、稳定、无风险

作文代写:各种题材及类型的作文

演讲稿代写:各种场合的演讲稿代写

广告位

沐风SEO工作室

微信:mufeng1156、QQ:631998395

地址:广州番禺厦滘地铁启梦创业广场

沐风工作室 - 提供SEO培训、网站优化、互联网推广创业等资讯和服务