【CSS】css网页背景图片设置

浏览数：41 / 时间：2015年06月09日

刚学CSS，了解了下网页背景图设置，顺便记录下。

下面主要是实现背景图位置保持不变，即不随滚动条动而动的功能。

body
{
    background-image:url(images/bck.png);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:0px 0px;
}

background-image：背景图地址；

background-repeat：图片是否重复；

参数：

repeat-x：横向重复；

repeat-y：纵向重复；

no-repeat：不重复；

默认是横向和纵向都重复，这里大家可以自己试下效果。

background-attachment：设置背景附着属性；

参数：

scroll：表示随内容滚动而动；

fixed：表示固定不动，不受内容滚动影响；

默认是scroll，这里大家可以自己试下效果。

background-position：设置图片位置；即设置图片左上角坐标点的X轴和Y轴值，这里不需要设置，默认值为0；

将上述代码新建一个CSS类，然后在html的 head 里面引用即可实现；

引用方法：

<link href="myCss.css" type="text/css" rel="stylesheet"></link>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 log html si it 方法 la class style 代码 log html si it 方法 la

相关文章