做動易模板時 我的圓角表格的做法(3)_動易Cms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
現(xiàn)在使用最普遍的,是使用背景圖片,并且伸縮;但我不贊成,因?yàn)楸尘皥D片太大;
4.flash制作園角表格
適合小型網(wǎng)頁的制作,此法伸縮性和兼容性都不錯,并且可以作出圖片不能達(dá)到的效果,唯一的缺點(diǎn)就是,flash的方法是網(wǎng)頁復(fù)雜許多;我不贊成,因?yàn)閒lash加了一大把代碼;
5.字符充當(dāng)園角表格
〈table border="0" cellpadding="0" cellspacing="0"〉 〈tr 〉 〈td 〉╭〈/td〉 〈td 〉──────────〈/td〉 〈td 〉╮〈/td〉 〈/tr〉 〈/table〉 |
這種方法絕,但太死板;
6、濫竽充數(shù)
〈fieldset〉 content 〈/fieldset〉 |
win2k & win2k-的操作系統(tǒng)看不出來此效果;
7、CSS3的方法
這可能是大家期待css3得最主要原應(yīng),現(xiàn)在Css3還沒有退出,假如一旦推出,這估計(jì)是最好的圓角表格制作方法。
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〉無標(biāo)題文檔〈/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、表格背景圓角表格