当前位置: 沐风博客 >> 网页设计 >>正文

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

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

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不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

沐风博客

SEO编辑教程

企业网站优化视频教程

网站分类

SEO优化

→→ SEO教程

→→ SEO诊断

→→ SEO培训

→→ SEO算法

→→ SEO技术

→→ SEO杂谈

→→ SEO实验室

→→ SEO问答

写作与编辑

→→ 文案编辑

→→ 文章写作

→→ SEO文章

网站及平台运营

→→ 网站运营

→→ 网店运营

→→ 微信运营

→→ 微信公众号运营

→→ 微信视频号

→→ 网站建设

→→ 网页设计

→→ 转化率

营销推广

→→ 互联网创业

→→ 互联网运营

→→ 网络推广

→→ 网络营销

→→ 百度推广

→→ 公众号推广

→→ 抖音推广

→→ 微博推广

其他分类

→→ 官方文档

→→ 大神专栏

→→ 友情链接平台

→→ 日常办公

互联网时代,搜索引擎/微信公众号/抖音/电商平台等给我们带来了诸多机遇,如何才能更好的把握,这就需要我们掌握必要的知识和技能!沐风博客分享SEO等网络营销推广技术和资讯,帮助大家更好的在互联网发展! - ICP备案号 湘ICP备2022004497号