<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> css的背景属性 </title>
</head>
<body>
<p style="background-color:pink;width:800px;height:500px;background-image:url('图片路径');background-repeat:no-repeat;background-position:100px 100px;background-attachment:fixed;">这是星期一哦</p>
<hr>
<p style="width:800px;height:600px;background:red url('图片路径') no-repeat 0 0">这是星期一哦</p>
</body>
</html>
总结:
1.背景的属性有5个,这五个属性可以直接放在background这个属性上;
2.background这个属性的5个值顺序不是固定的,但是,我们按照颜色,背景图,是否延伸,位置,是否固定;
3.在默认情况下,背景图参考的原点是包含它的父元素的左上角,但是,我们如果设置background-attachment:fixed,则我们的原点改成浏览器视图
网友评论