css+div背景样式

2025-11-05 13:03:28

1、背景图像:background-image

url(路径) 指图像路径

none 默认,不显示背景图像

css+div背景样式

2、背景图像是否重复(平铺):background-repeat

repeat  默认,背景图像将在垂直方向和水平方向重复

repeat-x 背景图像在水平方向重复

repeat-y 背景图像在垂直方向重复

no-repeat 背景图像仅显示一次

css+div背景样式

3、背景图像的起始位置:background-position

top (left上左,center上中,right上右)

center(left中左,center居中,right中右)

bottom(left下左,center下中,right下右)

(单位像素px/百分号%)

css+div背景样式

4、背景图像随页面其余部分滚动:background-attachment

scroll 默认,背景图像会随页面其余部分滚动而移动

fixed 当页面其余部分滚动时,背景图像不会移动

css+div背景样式

5、背景图像简写:

background:颜色  url(图像路径) 重复  起始位置  滚动;

举例说明:

background:#0f0 url(dengji_vip.png) no-repeat top left fixed;

css+div背景样式

6、<style type="text/css">

*{margin:0;padding:0;}

div{width:200px;margin:0px auto;background:url(../images/2.png)  no-repeat;}

div ul li{font-size:15px;color:#93b0b9;list-style:none;line-height:24px;text-align:center;padding-top:5px;}

</style>

<body>

<div>

     <ul>

         <li>列表一</li>

         <li>列表二</li>

         <li>列表三</li>

         <li>列表四</li>

         <li>列表五</li>

         <li>列表六</li>

     </ul>

</div>

</body>

css+div背景样式

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:141
  • 阅读量:23
  • 阅读量:70
  • 阅读量:80
  • 阅读量:58
  • 猜你喜欢