在CSS中,背景样式包括两个方面:背景颜色和背景图片。
在CSS中,定义“背景颜色”使用的是background-color属性,而定义“背景图片”则比较复杂,往往涉及以下属性。
背景颜色:background-color
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
div
{
width:100px;
height:60px;
}
#div1{background-color: hotpink}
#div2{background-color: #87CEFA;}
</style>
</head>
<body>
<div id="div1">背景颜色为:hotpink</div>
<div id="div2">背景颜色为:#87CEFA</div>
</body>
</html>
背景图片样式:background-image
背景图片重复:background-repeat
背景图片位置:background-position
background-position属性常用取值有两种:
一种是“像素值”;
background-position: 水平距离 垂直距离;
另外一种是“关键字”,关键字取值如下
图片背景固定
背景图片固定:background-attachment