大家都知道現(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; } 共4頁上一頁1234下一頁 學(xué)習(xí)交流
熱門圖片
猜你喜歡的新聞
猜你喜歡的關(guān)注
新聞熱點(diǎn) 2024-06-26 22:28:41
2024-06-26 22:26:16
2024-06-26 22:23:01
2024-06-25 19:29:23
2024-06-25 19:22:14
2024-06-25 19:19:15
疑難解答 圖片精選 |