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

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

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

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

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

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

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

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

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

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

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

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

用dw中html设置背景,Dreamweaver 教程-CSS背景属性(background)相关推荐

html背景图片横屏,CSS背景颜色背景图片居中重复固定样式background经验篇
我们使用CSS Background样式属性,可以设置网页背景单一颜色.网页背景为图片.网页背景图片居中于网页.网页背景图片网页固定位置.网页背景图片中网页中重复平铺等css背景样式介绍与案例讲解. ...
css怎么在dw中使用,如何使用 Dreamweaver 中的 CSS Designer 面板
了解如何使用 CSS Designer 面板创建或附加样式表.媒体查询.选择器以及设置 CSS 属性. CSS Designer 面板 "CSS Designer"面板(" ...
自定义关机计算机,在win7系统中自定义设置关机壁纸教程介绍
win7系统怎么自定义设置关机壁纸?win7系统默认设置关机壁纸,有些用户觉得关机壁纸不好看,想要自定义设置,但是不知道怎么操作.其实win7系统自定义设置关机壁纸的方法比较简单,通过修改注册表即可, ...
在dw中新建html快捷键,Dreamweaver创建自定义快捷键的方法技巧
Dreamweaver创建自定义快捷键的方法技巧快捷键在网页开发中能大幅度地提高工作效率,Dreamweaver CS5 本身已经提供了很多快捷键,但是有些命令是没有快捷键的,这个时候就可以自己自定 ...
CSS教程--CSS背景
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果. CSS 在这方面的能力远远在 HTML 之上. 背景色可以使用 background-color 属性为元素设置背景色.这个属性 ...
html中怎么设置图片平铺,css怎么把图片平铺？
在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面. 下面我们来看一下使用css设置图片 ...
css如何设置文本垂直居中显示,css中怎么设置文本居中？css文本垂直居中的设置方法...
在网页设计的过程中,有时候可能为了布局美观可能需要让文本居中,那么,怎么设置文本居中呢?本篇文章将给大家介绍关于css设置文本垂直居中的方法. 首先我们要知道通过css实现元素的水平居中较为简单:对文 ...
html背景自动适应,css背景图片如何自适应？
css可以使用background-size属性设置背景图片自适应,为背景图片设置background-size:cover;样式即可使背景图片自适应. css可以使用background-size属 ...
html表格背景图片格式,css背景颜色、背景图片，以及列表的多种样式
背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...

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

用dw中html设置背景,Dreamweaver 教程-CSS背景属性(background)相关推荐

最新文章

热门文章