时间:2021-07-01 10:21:17 帮助过:33人阅读
background-color: 默认值:transparent 透明 适用于:所有元素 继承性:无 动画性:是 计算值:指定值 设置或检索对象的背景颜色。 背景图片 background-image 取值:
说明:
background-image: 默认值:none 适用于:所有元素 继承性:无 动画性:否 计算值:指定值 设置或检索对象的背景图像。 background-image : url(“http://static.criteo.net/flash/icon/nai_small.png”); // 全URL路径 background-image : url(“/flash/icon/nai_small.png”); // 根路径 background-image : url(“../nai_small.png”) ; // 相对于css文件的路径 background-image : url(../nai_small.png) ; //不写引号 background-image : url(‘../nai_small.png’) ; // 单引号 背景重复 background-repeat background-repeat: 默认值:repeat 适用于:所有元素 继承性:无 动画性:否 计算值:指定值 设置或检索对象的背景图像如何铺排填充。必须先指定 <' background-image '> 属性。 背景跟着内容滚动 background-attachment background-attachment: [ , ]* = fixed | scroll | local 默认值:scroll 适用于:所有元素 继承性:无 动画性:否 计算值:指定值 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定 <' background-image '> 属性。 取值:
说明:
语法:
取值:
说明:
语法:
取值:
说明:
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>background-attachment 背景跟着内容动title>
<style type="text/css">
.parent{
height: 2000px;
}
.sample{
overflow: scroll;
font-size: 22px;
margin: 200px;
width: 230px;
height: 200px;
border: 2px solid black;
background-image: url(red.png);
background-attachment: local;
}
style>
head>
<body>
<div class="parent">
<div class="sample">
Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World
div>
div>
body>
html>