做動(dòng)易模板時(shí) 我的圓角表格的做法

2024-09-10 21:53:52

字體：大中小

供稿：網(wǎng)友

大家都知道現(xiàn)在的網(wǎng)頁出現(xiàn)的圓角表格越來越多，非凡是韓國風(fēng)格，基本看的到圓角表格；
當(dāng)然我這里不贊同大家做韓國風(fēng)格，我新風(fēng)格沒有圓角表格（http;//www.2005mb.com/skin1)，也不是圓角表格就是韓國風(fēng)格；不說這么多了。

下面是我在網(wǎng)上收集的圓角表格做法；

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〉

他在執(zhí)行前是代碼，但是執(zhí)行以后，把代碼轉(zhuǎn)換成了圖片，其最終效果其實(shí)是圖片。
這種方法的兼容性能不怎么好，在動(dòng)易里面用不上，而且又復(fù)雜；

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〉

這個(gè)方法已經(jīng)嚴(yán)重的違反了標(biāo)準(zhǔn)，并且代碼復(fù)雜，在遠(yuǎn)處看類似一個(gè)園角表格，其實(shí)僅僅是使用表格堆積而成:
很多人用這方法，不贊成這方法；

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;
}

上一篇：站內(nèi)鏈接的一種方法

下一篇：采集設(shè)置幫助文章