您的位置:首页 > 图文教程 > css设置背景颜色 返回首页

css设置背景颜色

时间:2016-09-28 19:59:10  作者:彭老师

css设置背景颜色,软件自学网有朋友喜欢可以一起来学习。

背景色

可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。

 

这条规则把元素的背景设置为灰色:

p {background-color: gray;}

 

如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距:

p {background-color: gray; padding: 20px;}

 

可以为所有元素设置背景色,这包括 body 一直到 em 和 a 等行内元素。

 

background-color 不能继承,其默认值是 transparent。transparent 有“透明”之意。也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见。

实例代码,可以试试看:

<html>

<head>

<style type="text/css">

body {background-color: yellow}

h1 {background-color: #00ff00}

h2 {background-color: transparent}

p {background-color: rgb(250,0,255)}

p.no2 {background-color: gray; padding: 20px;}

</style>

</head>

<body>

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<p>这是段落</p>

<p class="no2">这个段落设置了内边距。</p>

</body>

</html>

  
上一个教程:css背景图片
下一个教程:怎么用css写背景图像