做动易模板时 我的圆角表格的做法(3)_动易Cms教程
教程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、表格背景圆角表格
| 〈!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〉 |
。