6.背景属性

阅读：评论：0

6.背景属性

background-color 背景颜色
background-image 背景图片

background-image：url("1.png");

背景平铺background-repeat:

repeat默认平铺 |no-repeat不平铺 |repeat-x水平方向平铺，垂直不平铺 |repeat-y 垂直方向平铺
background-position
left | right |center |top |bottom 背景定位
特点：
（1）方位值只写一个时，另一个默认居中
background-position:left; （方向在左面，垂直方向居中）
（2）写2个方位值得时候，左右和垂直顺序没有要求。
background-position:right buttom;
（3）只写一个center时，图片在中间。
background-position:center;
（4）当写两个具体值时，第一个代表水平方向，第二个代表垂直方向。（只写一个数值时，则这个数值代表水平方向，垂直方向居中。）
background-position:20px,30px;
背景是否滚动：background-attachment: scroll | fixed;

scroll图片定位从元素的定位出发(默认)。
fixed图片定位从浏览器定位出发。

<head><style type="text/css">.box{width:1400px;height:1500px;background-image:url("1.png");background-repeat:no-repeat;background-position:bottom right;background；fixed;}</style>
</head>
<body><div class="box">df<div>
</body>

背景属性连写：

background:red url("1.png") no-repeat bottom;
特点:连写时没有顺序要求，url为必写项，位置，重复等才会生效。

※清除列表项前面的小标

li{list-style:none ;
}

本文发布于:2024-01-31 17:13:48，感谢您对本站的认可！

本文链接：https://www.4u4v.net/it/170669242830108.html

上一篇：【转】html背景设置

下一篇：CSS背景样式属性

标签：属性背景

留言与评论（共有 0 条评论）