表格的样式与跨行跨列设置

表格的样式与跨行跨列设置

一、效果图

二、代码
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”html xmlns=”http://www.w3.org/1999/xhtml”headmeta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /titleTable/titlestyle type=”text/css” *{margin:0;padding:0;} .contain{width:1200px; margin:10px auto;}table.gridtable { border:#0000CC solid 2px; /*外边框*/ width:100%; font-family: verdana,arial,sans-serif; font-size:16px; border-collapse: collapse; /*去掉单元格之间的空白*/ text-align:center; /*文本居中*/}table.gridtable th { padding: 8px; border:#0000CC solid 1px;}table.gridtable td { padding: 8px; border:#0000CC solid 1px;} /style/headbodydiv class=”contain” table class=”gridtable” tr td rowspan=”2″aaaaa/td !–跨行– td colspan=”2″BC/td !–跨列– td D/td /tr tr td E/td tdF/td tdG/td /tr tr td1111111111/td td222222222/td td333333333/td td44444444/td /tr tr td1111111111/td td222222222/td td333333333/td td44444444/td /tr /table/div/body/html

赞(0)
未经允许不得转载:第一SCI网 » 表格的样式与跨行跨列设置

评论 抢沙发

评论前必须登录!