您当前所在的位置:首页>>设计教程>>网页设计>>正文 文章正文
CSS样式表 之 禁止背景在网页中平铺
作者: 佚名 点击数:

CSS样式表对网页设计师是重要的,学会熟练运用CSS样式表对于网页设计是至关重要的。我们将陆续为大家介绍一些CSS样式表的使用方法。今天让我们先来看看如果利用CSS样式表禁止背景图在网页中平铺。

  比如网页的背景要如图所示,并要求在不同的分辩率下该背景图都显示在右下角,想想看,有办法吗?


  想将它做成一张大图?!不行,不同的分辩率,图的大小不同呀,你只能做一张背景。怎么办呢???

  别担心,你只需要下面这个背景就好了:


  也许你会说,看起来不可以呀,才这么一张小图,而且网页背景都是平铺的嘛!

  别担心,你忘记CSS了?在Dreamweaver中做起来其实一点不困难。首先建立一个新样式,如图:

  在样式中,选“Background”选项,再在右边进行设置,本例首先在“Background Image”选项中输入背景图像的路径,就是刚才所切的小图。

  “Repeat”是问你是否重复的平铺背景图,这里是单张效果,当然不希望平铺,所示设置成“no-repeat”。

  “Attachment”选项是问你图像位置是否固定,设置“Fixed”,表示固定。

  “Horizontal”是水平位置,这里选“right”表示居右。

  “Vertical”是垂直位置,这里选择“bottom”,表示靠底。

  这样,定义好的这个样式,不仅可以应用到页面的背景,甚至可以用到表格、单行格中去。大家用Dreamweaver来编辑一下,研究一下。

相 关 搜 索
今 日 头 条
 
最 新 热 门
最 新 推 荐
 
文章来源: 网络  更新时间:2004-6-24 13:46:53  责任编辑:stsee
  上一篇文章:CSS样式表 之 有关表格边框的CSS语法整理
下一篇文章:CSS滤镜详解
相关文章
CSS层叠样式表(滤镜篇)
CSS层叠样式表(效果篇)
CSS层叠样式表(基础篇)
CSS样式表 之 有关表格边框的CSS
CSS滤镜详解
用CSS创建一个布局居中的页面
在DreamWeaver中应用CSS样式表技
如何将 CSS 加入网页
CSS技术在网页设计中的运用
巧用CSS滤镜做案文字