600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 用dw中html设置背景 Dreamweaver 教程-CSS背景属性(background)

用dw中html设置背景 Dreamweaver 教程-CSS背景属性(background)

时间:2020-01-18 12:31:58

相关推荐

用dw中html设置背景 Dreamweaver 教程-CSS背景属性(background)

但凡正规的网站在设计时都会注重网页背景的使用,一个好的网页背景与整体设计是息息相关的。下面我们就来讲讲一些常用的CSS背景属性。

1.背景颜色属性(background-color)body{background-color:red;}

2.背景图片(background-image)body{background-image:url(/images/logo.gif);}

如你所见,默认情况下背景图片会不断重复,直到布满整个网页,下面我们来看看如何用CSS控制背景图片的重复。

3.背景图片的重复设置(background-repeat)

(1)不重复body{background-image:url(/images/logo.gif); background-repeat:no-repeat;}

(2)水平方向重复body{background-image:url(/images/logo.gif); background-repeat:repeat-x;}

(3)垂直方向重复body{background-image:url(/images/logo.gif); background-repeat:repeat-y;}

4.背景图片位置(background-position)body{background-image:url(/images/logo.gif); background-position:center; background-repeat:no-repeat;}

5.将背景图片固定在某个位置(background-attachment)

该属性可以定义背景图片是否随着滚动条的滚动而改变位置。body{background-image:url(/images/logo.gif); background-attachment:fixed; background-repeat:no-repeat}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。