html5表格两列合并_html中的table标签中如何将几个<td>合在一起的

展开全部

1、为table表格设置边框合并

table{

border-collapse:collapse;

border-spacing:0;

}

2、隔行变色和添加内边32313133353236313431303231363533e78988e69d8331333431353963框

function addColor() {

var tbodyTrList = $(".table tbody tr");

var tdList = $(".table td");

for (var i = 0; i < tbodyTrList.length; i++) {

if (i % 2 == 0) {

tbodyTrList[i].className = "color";//隔行变色

}

}

for (var j = 0; j < tdList.length; j++) {

if (j % 6 != 0) {

$(tdList[j]).addClass("border-left");//除第一列以外添加左边框

}

}

}

addColor();

3、单独设置每一列的样式

$(document).ready(function () {

var obj;

$("tbody tr").each(function () {

$(this).find("td:nth-child(2)").

first().css({"width":"360px"});//设置第二列宽度

obj = $(this).find("td:nth-child(3)");//设置第三列

if($(obj).html()!="0"){//值不是0的加粗

$(obj).css({"font-weight":"bold"});

}

});

});

扩展资料：

html table td中放图片注意事项

例子，下面td中存放了一个img，td的高度很小，也就是7，img后如果紧跟，就正常显示，如果换行，就会将td撑开，不正常显示

Java代码