CMS教程
每日更新|TOP排行榜|Tag标签|充值
关闭顶部展开顶部
CMS教程模板无忧>建站教程>CMS教程>动易Cms教程>
收藏分享查看评论动易Cms教程
大中小

做动易模板时 我的圆角表格的做法(3)_动易Cms教程

编辑Tag赚U币
教程Tag：暂无Tag,欢迎添加,赚取U币!

现在使用最普遍的,是使用背景图片，并且伸缩；但我不赞成，因为背景图片太大；

4.flash制作园角表格

适合小型网页的制作，此法伸缩性和兼容性都不错，并且可以作出图片不能达到的效果，唯一的缺点就是，flash的方法是网页复杂许多；我不赞成，因为flash加了一大把代码；

5.字符充当园角表格

〈table border="0" cellpadding="0" cellspacing="0"〉
〈tr 〉
〈td 〉╭〈/td〉
〈td 〉──────────〈/td〉
〈td 〉╮〈/td〉
〈/tr〉
〈/table〉

这种方法绝，但太死板；

6、滥竽充数

〈fieldset〉
content
〈/fieldset〉

win2k & win2k-的操作系统看不出来此效果；

7、CSS3的方法
这可能是大家期待css3得最主要原应，现在Css3还没有退出，假如一旦推出，这估计是最好的圆角表格制作方法。

www.webreference.com/dhtml/column70/2.html

下面是我做动易模板的圆角表格方法；（在CSS3还没出来之前，不知大家有没有更好的）

1、线框表格

〈!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"〉
〈html xmlns="http://www.w3.org/1999/xhtml"〉
〈head〉
〈meta http-equiv="Content-Type" content="text/html; charset=gb2312" /〉
〈title〉无标题文档〈/title〉
〈style type="text/css"〉
.FlipH{Filter:FlipH;}
.FlipV{Filter:FlipV;}
.FlipVH{filter:fliph()flipv()}
.top{border-top:1px solid #000000;}
.main{ border-left:1px solid #000000; border-right:1px solid #000000;}
.bottom{border-bottom:1px solid #000000;}
〈/style〉
〈/head〉
〈body〉
〈table
〈tr valign="top"〉
〈td align="left"
〈td align="right"
〈tr〉
〈td
〈/tr〉
〈tr valign="bottom"〉
〈td align="left"
〈td align="right"
〈/table〉
〈/body〉
〈/html〉

2、表格背景圆角表格

查看更多 动易Cms教程  动易Cms模板

共4页上一页1234下一页
来源：模板无忧//所属分类：动易Cms教程/更新时间：2005-12-27
[收藏][报错][返回列表]
loading.. 评论加载中....
相关动易Cms教程：
收藏&分享
〈!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"〉
〈html xmlns="http://www.w3.org/1999/xhtml"〉
〈head〉
〈meta http-equiv="Content-Type" content="text/html; charset=gb2312" /〉
〈title〉无标题文档〈/title〉
〈style type="text/css"〉
.FlipH{Filter:FlipH;}
.FlipV{Filter:FlipV;}
.FlipVH{filter:fliph()flipv()}
.bg{ background:#990000}
〈/style〉
〈/head〉
〈body〉
〈table
〈tr valign="top"〉
〈td align="left"
〈td align="right"
〈tr〉
〈td
〈/tr〉
〈tr valign="bottom"〉
〈td align="left"
〈td align="right"
〈/table〉
〈/body〉
〈/html〉