xhtml用什么来实现表格?
文章目录
论坛仍有人在讨论用DIV来拼凑一个表格,之前已经提过 table建站、DIV建站以及XHTML建站的区别 ,W3C不提倡整站使用TABLE套用,并不是说TABLE就一事无成,什么地方都不能使了。相反,该用TABLE的地方是提倡使用TABLE的。
例如下面的的布局,你需要用几个DIV来浮动?
最合理的方法,就是使用表格来实现表格,经过 HeTingYi 的发布以及 goos 的简化,代码如下:
页面结构:
游客类别 | 日票(人民币.元) | 夜票(人民币.元) |
---|---|---|
成人 | 170 | 100 |
学生 | 125(文章出自 uicss.cn 转载请注明出处) | |
儿童 | 85 | 50 |
老年 | 35 | 30 |
CSS部分:
*{
padding:0;
margin:0;
font:12px/1.5em “SimSun”;
}
body {padding:100px;}
table {
width:400px;
text-align:center;
background:#DEE4FF;
border:solid 5px #DEE4FF;
}
.col1,.col2 {width:30%;}
.col3 {width:40%;}
th,td {vertical-align:middle;}
table th{color:#fff;background:#4F86FF;}
table td{color:#2467FA;background:#A1BEFF;}