CSS table 单行布局示例代码

ttx9n · 发表于 2013-8-28 16:20:49

table 单行布局在某系特殊的情况下还是比较实用的，下面为大家介绍下使用css如何实现，感兴趣的朋友可以参考下，希望对大家有所帮助
复制代码代码如下:
<html>
<head>
<mce:style type="text/css"></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>

<html>
<head>
<mce:style type="text/css"></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>

9jduu05 · 发表于 2022-8-18 00:58:38

撒房产税陈飞飞

u7yxn9 · 发表于 2023-6-24 03:56:15

借款金额看了就立刻

r8st9 · 发表于 2023-11-13 14:53:11

额风风风微风微风违法

.l4 · 发表于 2024-3-31 23:05:44

可以，看卡巴

黑白键 · 发表于 2024-5-7 07:10:55

额UI废物iuhfujewfiewnnfen

wqpa63gz · 发表于 2024-8-26 10:10:13

1312315458748777

81708585 · 发表于 2024-8-28 17:00:49

激动人心，无法言表！

wxrf98xr · 发表于 2024-8-31 19:06:19

论坛有你更精彩！

jasonlong · 发表于 2024-9-10 18:01:11

的vgdsvsdvdsvdsvds

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS table 单行布局示例代码

相关帖子