<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>样式</title> <link rel="stylesheet" href="tzy.css" type="text/css"></head><body><p>测试能否被继承</p><h2>啦啦啦啦啦啦啦啦</h2><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p></body></html> css文件tzy.css
body { background: blue; /*背景颜色,不能被继承*/ background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg"); /*设置图片*/ width: 900px; height: 900px; background-size: 500px 500px; /*设置图片大小*/ background-repeat: no-repeat; /*设置图片不允许重复*/ background-attachment: fixed; /*设置滚动页面的时候图片不滚动*/
}
p { width: 150px; height: 20px; background: red;}
h2 { background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg"); /*设置图片*/
background-repeat: repeat; /*设置图片允许重复(默认)*/ background-repeat: repeat-x; /*设置图片X轴可以重复*/ background-repeat: repeat-y; /*设置图片y轴可以重复*/ background-repeat: no-repeat; /*设置图片不允许重复*/ background-position: right center; /*设置图片起始位置可以写入 100px 100px*/
}
时间： 2024-10-25 10:09:03