中华网校

系列网站: 中华网校 | www.网校.com | 3D模型 | 中华网校教育

电脑网校 | 业界新闻 | 职业网校 | 网校宝典 | 软件下载 | 网校论坛 | 网校联盟

电脑入门 | 网页设计 | 网络编程 | 图形图象 | 三维空间 | 多媒体 | 程序语言 | 操作系统 | 系统专题 | 办公应用 | 软件宝典 | 硬件天下 | 

 

您的位置:首页 >> 网页设计 >> Dreamweaver >> Dreamweaver技巧 >> 新闻正文

在网页中制作边角圆润的图形  

作者:  时间:2002-6-28  来自:  责任编辑:  阅读次数:

互联网上网页的样式越来越多,看惯了方方正正的图片,就觉得有的网页上带着圆润边角的图形、表格特有新意。其实,这些效果制作起来并不复杂,一般实现起来有以下几种方法:

  1、直接用图片实现
  这是最简单也是最笨的方法,就是用图形处理工具将图片的边角加工成圆形,然后直接贴上网页。方法虽然简单,但是生成的图片未免字节数太大,尤其是图片数量很多时,对网页的浏览速度影响很大。

  2、用表格和小图片构造圆润的边线
  这种方法要求制作两幅背景透明的图片,图片上的直线两头弯曲,分别作为表格的上边和底边。然后用表格构造出左、右两个边,四条线围成一个圆角的矩形,看起来浑然一起,非常美观。

  3、用表格和小图片“削”圆边角


  这种方法可以制作圆角实心的矩形图形。使用四幅6×6的微型图片,图片一半透明,一半为白色。
  实际上,在网页制作中,可以应用上述方法构造出各种各样的曲线图形,使网页看起来线条流畅、生动活泼,达到功能性和观赏性的完美结合。


相关文章 最新文章 推荐文章
Dreamweaver技巧大放送后六招
Dreamweaver滑动菜单的制作
下拉导航条之网页三剑客---Dreamweaver
用Dreamweaver MX自由放大网页图片

  中华网校依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请即时与我们 联系, 注明网址及文章,我们会即时处理或删除,感谢您的合作!中华网校email
  中华网校由广州市中六电脑城智锐计算机专业培训学院及中华网校技术中心提供网络支持未经本站许可任何个人网站、书刊报社一律不得私自复制,转载本站内容!

关于中华网校 | 广告服务 | 版权声明 | 投稿指南 | 网站合作 | 友情链接 | 网站地图

 

版权所有 中华网校 & 智锐网校 1999-2004 COPYRIGHT (C) 1999-2004 www.ZhiRui.com ALL RIGHTS RESERVED

 
/**/