做动易模板时我的圆角表格的做法

2024-09-10 21:53:52

字体：大中小

来源：转载

供稿：网友

大家都知道现在的网页出现的圆角表格越来越多，非凡是韩国风格，基本看的到圆角表格；
当然我这里不赞同大家做韩国风格，我新风格没有圆角表格（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;
}

上一篇：站内链接的一种方法

下一篇：采集设置帮助文章