用純DIV+CSS做一個(gè)兩行兩列的表格，但第二列中兩行是合并的,如下面這樣

上面為效果圖，用ul、li的方法詳細(xì)寫法：

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括東寶網(wǎng)站建設(shè)、東寶網(wǎng)站制作、東寶網(wǎng)頁制作以及東寶網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，東寶網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到東寶省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

css代碼：

.demoBox?{

width:204px;

}

.demoBox?li?{

float:?left;

width:100px;

border:?1px?solid?#999;

}

.demoBox?li.demoLi?{

width:?202px;

}

html代碼：

ul?class="demoBox"

li1/li

li2/li

li?class="demoLi"3/li

/ul

總體思路就是利用寬度和浮動(dòng)來實(shí)現(xiàn)，給ul一個(gè)固定的寬度，第一行顯示的li平分這個(gè)寬度，后面的li因?yàn)闆]有位置就自動(dòng)去了第二行，讓它獨(dú)占一行，就可以實(shí)現(xiàn)這個(gè)效果。

以上，希望對(duì)你有幫助。

css可以使用哪個(gè)屬性來合并表格邊框

"border-collapse"屬性。

設(shè)置table的這個(gè)屬性，就可以合并表格邊框。

css中怎樣讓表格合并單元格

比如td?rowspan="2"microsoft/td，rowspan是向下合并一個(gè)，加上自身就是兩個(gè)

比如td?colspan="2"stephen?elop/td，colspan是向右合并

希望可以幫到你