禁止背景图在网页中平铺_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

禁止背景图在网页中平铺

作者：闵涛文章来源：闵涛的学习笔记点击数：618 更新时间：2009/4/23 12:25:28

如果我们希望在网页的不同角落里放置不重复平铺的背景图，该怎么办呢？
　　比如网页的背景要如图所示，并要求在不同的分辩率下该背景图都显示在右下角，想想看，有办法吗？

　　想将它做成一张大图？！不行，不同的分辩率，图的大小不同呀，你只能做一张背景。怎么办呢？？？
　　别担心，你只需要下面这个背景就好了：

　　也许你会说，看起来不可以呀，才这么一张小图，而且网页背景都是平铺的嘛！
　　别担心，你忘记CSS了？在Dreamweaver中做起来其实一点不困难。首先建立一个新样式，如图：

　　在样式中，选“Background”选项，再在右边进行设置，本例首先在“Background Image”选项中输入背景图像的路径，就是刚才所切的小图。
　　“Repeat”是问你是否重复的平铺背景图，这里是单张效果，当然不希望平铺，所示设置成“no-repeat”。
　　“Attachment”选项是问你图像位置是否固定，设置“Fixed”，表示固定。
　　“Horizontal”是水平位置，这里选“right”表示居右。
　　“Vertical”是垂直位置，这里选择“bottom”，表示靠底。