做动易模板时 我的圆角表格的做法_动易Cms教程
教程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教程:
|