61,129
社区成员
发帖
与我相关
我的任务
分享css 问题，看似简单，就是搞不定。
我想用css实现
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
的表格效果，就是做不到，
哪位高手可以指点一下！
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
的表格效果，就是做不到，
哪位高手可以指点一下！
...全文
请发表友善的回复…
发表回复
a_cer 2005-11-24
- 打赏
- 举报
楼上正解！
helloyou0 2005-11-24
- 打赏
- 举报
这个这个。。。 有点过了
table还是用table吧
用
<html>
<head>
<title>t</title>
</head>
<style>
table.ex {
width:200px;
border-collapse: collapse;
}
.ex td{
padding:0;
margin:0;
border:2px solid black;
}
</style>
<body>
<table class="ex">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<br/>
<br/>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td>4</td>
<td>3</td>
</tr>
<tr>
<td>2</td>
<td>1</td>
</tr>
</table>
</body>
</html>
table还是用table吧
用
<html>
<head>
<title>t</title>
</head>
<style>
table.ex {
width:200px;
border-collapse: collapse;
}
.ex td{
padding:0;
margin:0;
border:2px solid black;
}
</style>
<body>
<table class="ex">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<br/>
<br/>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td>4</td>
<td>3</td>
</tr>
<tr>
<td>2</td>
<td>1</td>
</tr>
</table>
</body>
</html>
aifox 2005-11-23
- 打赏
- 举报
何必走回老路呢？
<style type="text/css">
<!--
#t_td{
height: 500px;/* 定义表格高度 */
width: 300px;/* 定义表格亮度，可控制列数 */
padding: 2px;
}
#t_td div{
float: left;
width: 100px;/* 定义单元格宽度 */
height: 10px;/* 定义单元格高度 */
border: 1px solid;
margin: -1px 0 0 -1px;
}
-->
</style>
<div id="t_td">
<div>1</div><div>2</div><div>3</div>
<div>4</div><div>5</div><div>6</div>
<div>6</div><div>8</div><div>9</div>
</div>
<style type="text/css">
<!--
#t_td{
height: 500px;/* 定义表格高度 */
width: 300px;/* 定义表格亮度，可控制列数 */
padding: 2px;
}
#t_td div{
float: left;
width: 100px;/* 定义单元格宽度 */
height: 10px;/* 定义单元格高度 */
border: 1px solid;
margin: -1px 0 0 -1px;
}
-->
</style>
<div id="t_td">
<div>1</div><div>2</div><div>3</div>
<div>4</div><div>5</div><div>6</div>
<div>6</div><div>8</div><div>9</div>
</div>
