在页面上显示1到100之间的偶数数,每行显示5个(用Html中的Table标签)_随笔

<!doctype html>

<html>

<head>

<style>

table{ background:#000}

table td{ width:30px width:50px color:#000 text-align:center background:#fff}

</style>

$(document).ready(function() {

//使用链接信息

var html="<tr>"

//因为偶数列，所以是从2开始，而且每次都是加上2（深圳网站建设www.sz886.com）

for(var i=2i<=100i=i+2){

//加入td标签

html+="<td>"+i+"</td>"

//到达第五个加入<tr>让其换行

if(i%10==0&&i!=100){

html+="</tr><tr>"

}

html+="</tr>"

//插入表格信息

$("table").html(html)

})

</script>

</head>

<body>

<table>

</table>

</body>

</html>

dt是以dl标签的子标签出现的一个DL里面最多一个DT,dd可以有多个，格式是

<dl>

</dl>

//dt偶数行附加背景颜色

$("dl dt:even").addClass("bgcolor")

</script>

<style>

.bgcolor{ background:#f00}

</style>

将两个表格合并的关键是：两个表格的文字环绕方式必须为“无”，然后将两个表格之间的段落标记删除，这样两个表格即可焊接在一起（即合并）。

右击表格，选表格属性，在表格属性对话框中将表格的“文字环绕方式”改为“无”。

欢迎分享，转载请注明来源：内存溢出

在页面上显示1到100之间的偶数数,每行显示5个(用Html中的Table标签)