如何让网页背景图片不重复显示?

html-css06

如何让网页背景图片不重复显示?,第1张

现在一般都用css设定了,比如在一个div下设背景图片切不让其重复,则可设一个样式,比如:

.nobgrepeat{background:url(背景图片地址) left top no-repeat}

(这个样式可以直接放在网页文件head标签对的<style></style>标签对中,然后在调用时直接用<div class="nobgrepeat"></div>,也可以另外放在单独的css文件中)

left:直接用left代表背景图片靠到div最左边,可以用数字代替,比如10px,来控制背景图片距离该div左边的距离。

top:同left

另外取值还有:rightbottomcenter看你自己如何取了。

repeat的取值还有repeat-x,repeat-y,分别表示沿x轴重复和y轴重复。

background还有个fixed属性,我没用过,你可以自己用用看看

<head>

<style>

.content{background:url(图片地址) no-repeat scroll top center 颜色}

这个样式就是加背景图片,后面接的底色。

</style>

</head>

<body>

<div class="content">

里面放内容

<.div>

</body>