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

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

大家都知道现在的网页出现的圆角表格越来越多,非凡是韩国风格,基本看的到圆角表格;
当然我这里不赞同大家做韩国风格,我新风格没有圆角表格(http;//www.2005mb.com/skin1),也不是圆角表格就是韩国风格;不说这么多了。

下面是我在网上收集的圆角表格做法;

1、使用程序制作圆角表格

〈html xmlns:v〉
〈style〉
v\:*{behavior:url(#default#VML)}
〈/style〉
〈body〉
〈v:RoundRect style="position:relative;width:150;height:240px"〉
〈v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/〉
〈v:TextBox style="font-size:10.2pt;"〉VML〈/v:TextBox〉
〈/v:RoundRect〉
〈/body〉
〈/html〉

他在执行前是代码,但是执行以后,把代码转换成了图片,其最终效果其实是图片。
这种方法的兼容性能不怎么好,在动易里面用不上,而且又复杂;

2、使用障眼法

〈center〉
〈table cellpadding=0 cellspacing=0 border=0
〈tr
〈td rowspan=4
〈td rowspan=3
〈td rowspan=2
〈td
〈td bgcolor=#43B5C9〉〈/td〉
〈td
〈td rowspan=2
〈td rowspan=3
〈td rowspan=4
〈/tr〉
〈tr
〈td bgcolor=#43B5C9〉〈/td〉
〈td bgcolor=#43B5C9〉〈/td〉
〈td bgcolor=#43B5C9〉〈/td〉
〈/tr〉
〈tr
〈td bgcolor=#43B5C9〉〈/td〉
〈td colspan=3 bgcolor=#43B5C9〉〈/td〉
〈td bgcolor=#43B5C9〉〈/td〉
〈/tr〉
〈tr
〈td bgcolor=#43B5C9〉〈/td〉
〈td colspan=5 bgcolor=#43B5C9〉〈/td〉
〈td bgcolor=#43B5C9〉〈/td〉
〈/tr〉
〈/table〉
〈table cellpadding=0 cellspacing=0 border=0
〈/table〉

这个方法已经严重的违反了标准,并且代码复杂,在远处看类似一个园角表格,其实仅仅是使用表格堆积而成:
很多人用这方法,不赞成这方法;

3.图片模拟园角表格

〈?xml version="1.0" encoding="iso-8859-1"?〉
〈!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"〉
〈html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"〉
〈head〉
〈title〉Flexible box with custom corners and borders | Lab | 456 Berea Street
〈/title〉
〈style type="text/css" media="screen,print"〉
html,body {
margin:0;
padding:0;
color:#000;
background:#fff;
}

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

共4页上一页1234下一页
来源:模板无忧//所属分类:动易Cms教程/更新时间:2005-12-27
相关动易Cms教程