css_17_背景属性鼠标属性
一.背景属性
-属性值：background-color（设置背景颜色）
默认背景颜色是 transparent。
-属性值：background-image（设置背景图片）
url（图片的地址）
-属性值：background-repeat（设置背景重复方式）
repeat：重复，铺满整个元素，默认值。
repeat-x：只在水平方向重复。
repeat-y：只在垂直方向重复。
no-repeat：不重复。
-属性值：background-position（设置背景图位置）
通过关键字设置位置：
写两个值，用空格隔开
水平：left、center、right
垂直： top、center、bottom
如果只写一个值，另一个方向的值取center通过长度指定坐标位置：
以元素左上角，为坐标原点，设置图片左上角的位置。 两个值，分别是x坐标和y坐标。 只写一个值，会被当做
x坐标，y坐标取center
-属性值：background（复合属性）
没有数量和顺序要求
举例：
<style>body {background-color: gray;}div {width: 400px;height: 400px;border:5px black solid;font-size: 20px;/* 设置背景颜色，默认值是transparent */background-color: skyblue;/* 设置背景图片 */background-image: url(../images/img1.jpg);/* 设置背景图片的重复方式 */background-repeat: no-repeat;/* 控制背景图片的位置——第一种写法：用关键词 */background-position: center;/* 控制背景图片的位置——第二种写法：用具体的像素值 */background-position: 100px 200px;/* 复合属性 */background: url(../images/img1.jpg) no-repeat 100px 200px;}</style>
<body><div>这是在说背景属性。</div>
</body>
二.鼠标属性
- 属性名：cursor（设置鼠标光标的样式）
pointer：小手
move：移动图标
text：文字选择器
crosshair：十字架
wait：等待
help：帮助
举例：
<style>div {cursor: pointer;font-size: 50px;}</style>
<body><div>这是在说鼠标属性。</div>
</body>