怎么用css设置背景颜色

本篇内容主要讲解“怎么用css设置背景颜色”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用css设置背景颜色”吧!

成都创新互联从2013年成立,先为东洲等服务建站,东洲等地企业,进行企业商务咨询服务。为东洲企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

我们先来看一个小例子吧,了解一下什么是背景颜色,怎么去设置。

已知,我们有一个div元素,一个p元素,现在我们希望div元素的背景颜色是红色,而p元素的背景颜色是蓝色,请问该如何去做?




  
  
  
  Document
  


为了显示,表明这个一个div元素

为了显示,表明这个一个p元素

这个小例子的结果是

怎么用css设置背景颜色

可以看到,我们完成了题目所给出的要求,div元素的背景颜色是红色,而p元素的背景颜色是蓝色。

知道这么多之后,我们去看一下什么属性可以设置背景颜色吧。

background-color属性设置元素的背景颜色。这个属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。

这个属性还有一个十分重要的值,这是一个透明值。尽管在大多数情况下,没有必要使用 transparent。不过如果您不希望某元素拥有背景色,同时又不希望用户对浏览器的颜色设置影响到您的设计,那么设置 transparent 值还是有必要的。

到此,相信大家对“怎么用css设置背景颜色”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


文章标题:怎么用css设置背景颜色
网站网址:http://scyanting.com/article/ijiigh.html