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

2004年03月04日 02:05 查看5414次 作者:   【
文章分类:前端交互
互联网上网页的样式越来越多,看惯了方方正正的图片,就觉得有的网页上带着圆润边角的图形、表格特有新意。其实,这些效果制作起来并不复杂,一般实现起来有以下几种方法:
  
  1、直接用图片实现
  这是最简单也是最笨的方法,就是用图形处理工具将图片的边角加工成圆形,然后直接贴上网页。方法虽然简单,但是生成的图片未免字节数太大,尤其是图片数量很多时,对网页的浏览速度影响很大。
  
  2、用表格和小图片构造圆润的边线
  这种方法要求制作两幅背景透明的图片,图片上的直线两头弯曲,分别作为表格的上边和底边。然后用表格构造出左、右两个边,四条线围成一个圆角的矩形,看起来浑然一起,非常美观。
  
  3、用表格和小图片“削”圆边角
  
  
  这种方法可以制作圆角实心的矩形图形。使用四幅6×6的微型图片,图片一半透明,一半为白色。
  实际上,在网页制作中,可以应用上述方法构造出各种各样的曲线图形,使网页看起来线条流畅、生动活泼,达到功能性和观赏性的完美结合。
责任编辑:admin

给文章打分...

平均分:0.8(25 次)

-5 -4 -3 -2 -1 0 1 2 3 4 5
1

顶一下

发表我的见解...

  • 您的大名: 留空为匿名
  • 您的主页:
  • 您的邮箱: