如何用div做表格,怎么在DIV里面畫表格

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供永吉網(wǎng)站建設(shè)、永吉做網(wǎng)站、永吉網(wǎng)站設(shè)計(jì)、永吉網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、永吉企業(yè)網(wǎng)站模板建站服務(wù),10年永吉做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

1,怎么在DIV里面畫表格

既然你都用DIV了 那你何必TD TR那樣麻煩 直接用CSS樣式表控制DIV就可以了 可以控制DIV的boder嘛 要不然教你個(gè)不錯(cuò)的辦法 也是很簡便的辦法 直接PS里面畫好表格 直接切圖 然后Dreamweaver里面添加表格文字 不過此辦法可控制性比較差 不利于修改
<div> <table> <tr> <td> </td> </tr> </table> </div> 就好了!

2,如何用div設(shè)計(jì)表格

http://www.52css.com/article.asp?id=23 這里有教程 對新手很有用!表格其實(shí)和 div+css 一樣優(yōu)秀。 所謂的“瀏覽快慢”其實(shí)是在帶寬有限的情況下,由于需要等待載入時(shí)間,而表現(xiàn)出的快慢。 表格的特性是:只有在表格體內(nèi)的內(nèi)容全部載入完后,才一次性顯示該表格。因?yàn)?,?dāng)表格內(nèi)容很多時(shí),容易出現(xiàn)“載入慢”的情況。這在設(shè)計(jì)的時(shí)候盡量避免就可以了。 div+css的特性是:載入一點(diǎn)就顯示一點(diǎn),因此有“載入快”的說法。但在一些簡單的應(yīng)用上時(shí),div+css的代碼比表格多,其實(shí)代碼量上去了,反而“載入慢”了。 所以,并不是完全用div+css就完美了,主要是根據(jù)實(shí)用準(zhǔn)則。 建議:主要使用在div+css來避免大容量表格的出現(xiàn),在一些細(xì)節(jié)處理上,有時(shí)候用表格來得簡單有效。一些比較成熟的大網(wǎng)站都是如此。
div是框架結(jié)構(gòu),table是表格結(jié)構(gòu),div適合做大布局,table適合做局部設(shè)計(jì)

3,怎么用DIVCSS畫出表格

div布局,然后直接插入table,在table中設(shè)置表格樣式,css來設(shè)置字體樣式就行了
如果有很多單元格的話,還是盡量用表格來做。 div: <div style="width:600px;overflow:hidden;"><div style="float:left;width:98px;height:700px;border:1px solid #000;"></div><div style="float:left;width:499px;height:100px;border:1px solid #000;border-left:0px;"></div><div style="float:left;width:499px;height:599px;border:1px solid #000;border-left:0px;border-top:0px;"></div></div>

4,div做一個(gè)表格

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD><style type="text/css"> .tab border:1px solid #0033FF; width:212px; height:auto; } .tab li width:70px; height:30px; border:1px solid #0033ff; list-style:none; float:left;</style> <BODY> <div class="tab"> <li> <li> <li> <li> <li> <li> <li> <li> <li> </div> </BODY></HTML>
你可以用left的div,使用float:left;middle的div,使用float:left;margin-left:(填入左邊的div的寬度)px;right的div,使用float:right;具體對其位置可以自己用margin來調(diào)整下。下面的第二行記得在第一個(gè)div使用clear:both;就好了。第三行同二行。有時(shí)間學(xué)習(xí)下div,自己會(huì)了才是王道。

5,如何用divcss制作一個(gè)兩行三列的表格

這個(gè)比較麻煩!給你個(gè)思想!用DIV的FLOAT屬性就可以實(shí)現(xiàn)!剩下的就是寬高的問題!
給你發(fā)個(gè)簡單的事例!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"><html> <head> </head> <style type="text/css"> #a1 width:100px; height:20px; border:1px solid red; float:left; } #a2 width:100px; height:20px; border:1px solid red; float:left; } #a3 width:100px; height:20px; border:1px solid red; } #b1 width:100px; height:20px; border:1px solid red; float:left; } #b2 width:100px; height:20px; border:1px solid red; float:left; } #b3 width:100px; height:20px; border:1px solid red; } </style> <body> <div id="a1"></div> <div id="a2"></div> <div id="a3"></div> <div id="b1"></div> <div id="b2"></div> <div id="b3"></div> </body></html>
2行3列,具體要求呢?每行高度,寬度都一樣嗎?每列的寬度一樣嗎?
你好,做表格請用table布局! 并不是說web標(biāo)準(zhǔn)非得用div+css來實(shí)現(xiàn)! web標(biāo)準(zhǔn)所說的其實(shí)就是結(jié)構(gòu)與表現(xiàn)分離…… <table class="tb"> <tr> <td>&nbsp;</td> </tr> </table> css部分: .tb

新聞標(biāo)題:如何用div做表格,怎么在DIV里面畫表格
當(dāng)前路徑:http://bm7419.com/article18/ehjddp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、全網(wǎng)營銷推廣網(wǎng)站營銷、品牌網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)