6.背景属性

来源：互联网发布：元旦网络营销策划方案编辑：程序博客网时间：2024/06/06 03:30

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 ;}

阅读全文

0 0