日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

做動易模板時 我的圓角表格的做法(3)_動易Cms教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

現(xiàn)在使用最普遍的,是使用背景圖片,并且伸縮;但我不贊成,因為背景圖片太大;

4.flash制作園角表格

適合小型網(wǎng)頁的制作,此法伸縮性和兼容性都不錯,并且可以作出圖片不能達(dá)到的效果,唯一的缺點就是,flash的方法是網(wǎng)頁復(fù)雜許多;我不贊成,因為flash加了一大把代碼;

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還沒有退出,假如一旦推出,這估計是最好的圓角表格制作方法。

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、表格背景圓角表格

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

來源:模板無憂//所屬分類:動易Cms教程/更新時間:2005-12-27
相關(guān)動易Cms教程

            〈!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()}
            .bg{ background:#990000}
            〈/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〉