CSS table 单行布局示例代码
table 单行布局在某系特殊的情况下还是比较实用的，下面为大家介绍下使用css如何实现，感兴趣的朋友可以参考下，希望对大家有所帮助
代码如下:
<html>
<head>
<mce:style type="text/css"><!--
table{border-collapse:collapse;}
td{border:1px blue solid;}
--></mce:style>
<style type="text/css" mce_bogus="1">
table{border-collapse:collapse;}
td{border:1px blue solid;}
</style>
</head>
<body>
<br/><br/><br/><br/>
<table width="50%" align="center">
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
</table>
</body>
</html>
<!-- table与tr背景色反色方式 -->
<html>
<head>
<mce:style type="text/css"><!--
table{background:#0000FF;}
tr{background:#FFFFFF;}
--></mce:style><style type="text/css" mce_bogus="1">
table{background:#0000FF;}
tr{background:#FFFFFF;}
</style>
</head>
<body>
<br/><br/><br/><br/>
<table width="50%" align="center" cellspacing="0">
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
<tr>
<td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td><td>asdf</td>
</tr>
</table>
</body>
</html>
本文网址：https://www.dedexuexi.com/divcss/bj/2026.html
本站部分文章搜集与网络，如有侵权请联系本站，转载请说明出处。
标签：前端
