电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>制作圆角表格:

制作圆角表格

来源:远方网络 | 2005-12-28 9:29:11 | (有2797人读过)

做网页常常使用一些技巧,比如在
表格的四周加上导角,这样可以避
免直接使用表格的直角,而显得突
兀,我这儿给大家介绍一种简单的
办法,使你很快就能常握这种方法。








第一步做两个导角的图片,这两个
图片可以先做一个图片,然后到PH
OTOSHOP里垂直翻转一下就行
了,导角图片的做法,我简单的给
大家介绍一下,首先用PHOTOSHOP
先画一个矩形,然后羽化,然后
level。然后切图。OK!










在中间插入一个背景颜色同图片一
样的表格,长度也设为图片的长度,
将这个表格的cellpad设为1,其他
都为0就行了,cellpading是表格
边宽的意思,一定要设,不然就无
法形成表格两边的线了。








然后在这个表格里再插入一个宽度
为100%的表格,背景设为网页的
背景色。可以将这个表格的cellpad
设为3,其他可以设为0,然后我们
将这个表格的对齐方式设为top,这
样我们就完成了这个带导角的表格的
框架。








this is my homepage

do you like it ?

follow me ,
www.meetrice.
com
i will stay here
waiting your coming.



最后我们就可以在里面打字了,我们
可以把这个部分当然一个整体,复制
并粘贴到页面上不同的地方,你还可
以做几个不同长度的图片,放置到页
面上各个部位,就可以做个典型的商
务网站的首页了。

如果还有问题,欢迎和我联系:
meetrice@meetrice.com

HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号