css中如何定义背景颜色?

css中如何定义背景颜色?

在CSS中,可以使用background-color属性或者background属性来设置背景颜色。

background-color属性引用设置一个元素的背景颜色。而background属性是一个简写属性,可以在一个声明中设置所有的背景属性,也可以单独设置一个或多个背景属性。

元素的背景是元素的总大小,包括填充和边界(但不包括边距)。

background可以设置的属性分别是:

  • background-color: 规定要使用的背景颜色。

  • background-position: 规定背景图像的位置。

  • background-size: 规定背景图片的尺寸。

  • background-repeat :规定如何重复背景图像。

  • background-origin :规定背景图片的定位区域。

  • background-clip: 规定背景的绘制区域。

  • background-attachment: 规定背景图像是否固定或者随着页面的其余部分滚动。

  • background-image :规定要使用的背景图像。

如果上述值缺少一个,这不要紧,例如background:#FF0000 URL(smiley.gif);是允许的。

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
body
{
	background:yellow;
}
h1
{
	background-color:#00ff00;
}
p
{
	background-color:rgb(255,0,255);
}
</style>
</head>

<body>
<h1>这是标题 1</h1>
<p>这是一个段落。</p>
</body>

</html>

效果图:

1.png-600

更多web前端自学知识,请查阅 HTML中文网 !!

以上就是css中如何定义背景颜色?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑