平面设计教程提供行业内各种相关的软件教程和理论教程,是您学习平面设计的好地方. 设为首页加入收藏
您当前所在的位置:首页>>平面设计教程>>正文

CSS样式表 之 禁止背景在网页中平铺

文章来源:网络  作者:佚名  更新时间:2004-6-24 13:46:53
CSS样式表对网页设计师是重要的,学会熟练运用CSS样式表对于网页设计是至关重要的。我们将陆续为大家介绍一些CSS样式表的使用方法。今天让我们先来看看如果利用CSS样式表禁止背景图在网页中平铺。

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


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

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


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

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

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

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

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

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

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

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

责任编辑:three
转载请注明出处三视觉平面设计在线 请不要修改文字图片链接信息
上一篇文章:CSS样式表 之 有关表格边框的CSS语法整理
下一篇文章:用CSS创建一个布局居中的页面
相关设计
CSS层叠样式表(滤镜篇)
CSS层叠样式表(效果篇)
CSS层叠样式表(基础篇)
CSS样式表 之 有关表格边框的CSS语法整理
用CSS创建一个布局居中的页面
在DreamWeaver中应用CSS样式表技巧两则
如何将 CSS 加入网页
CSS技术在网页设计中的运用
巧用CSS滤镜做案文字
 
热门设计推荐
百事集团的部分饮料包装设计
英国设计机构ZipDesign平面设
电影《灵异孤儿院》海报设计
美国设计机构VSA Partners平
Companhia Athletica插画类经
奥地利设计师Bohatsch Walte
经典国外企业画册设计欣赏
西班牙设计师Eskenazi Mario
Eric Lin时尚类平面设计作品
Logomotive经典标志设计欣赏
国外设计师的文字创意设计
Amanda Cho精彩优秀设计作品
Mitchell个性平面设计在线欣
有趣的Whiskas插画创意思设计
Jenny Song综合类设计作品欣
部分Jennifer Platte排版设计
Logomotive经典标志设计欣赏
利用布娃娃设计出的系列创意
国外优秀简单标志设计欣赏
Lauren Y.Chen瓶贴等包装设计
精彩推荐
平面设计教程不但能提升您的设计和软件操作水平,还能从中获得很多经验和执行手法,使得学习过程中增添了不少乐趣.