通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver教程
Flash教程
Firework教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
合作网站
栏目制作月光软件
最近更新:
类别:网站制作

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

  杨文/赛迪网


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

  1、直接用图片实现

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

  2、用表格和小图片构造圆润的边线

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

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

  这种方法可以制作圆角实心的矩形图形。使用四幅6×6的微型图片,图片一半透明,一半为白色。

  实际上,在网页制作中,可以应用上述方法构造出各种各样的曲线图形,使网页看起来线条流畅、生动活泼,达到功能性和观赏性的完美结合。

   
相关教程
Window.open() 全攻略
HTML文件HEAD内部标记浅析
让网页更容易阅读的方法
状态栏上的动态HTML技术
带链接的滚动文字条
鼠标感应自动放大缩小的图片链接
测试访客的浏览器和操作系统
下拉选择按钮菜单
网页百戒之网页外观
网页百戒之一般注意
网页百戒之标记运用
网页百戒之进阶技巧
网页百戒之网页道德
网页百戒之内容指南
如何利用不同分辨率查看网页?
如何清除网页中不必要的HTML代码?
如何在DW的编辑状态下预览插入的FLASH作品?
怎么样才能控制弹出新窗口的位置?
怎么样才能控制弹出新窗口的位置?
怎样控制弹出窗口大小?
网页中制作边角圆润的图形