4个回答
展开全部
是否是用table的话，边框如果设置为1px，结果显示出来是2px的效果？
如果是这个问题，请用这个样式：
table {
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
border-collapse:collapse;
}
table th,table td {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
如果是这个问题，请用这个样式：
table {
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
border-collapse:collapse;
}
table th,table td {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
<div style="background-color:#FF0000; margin-bottom:20px">这是第一个DIV</div>
<div style="background-color:#0000FF">这是第二个DIV</div>
</body>
注意“margin”就是用于设置本元素与其它元素的间距的，比如说这里设置margin-bottom:20px，意思就是说，它与下方的div保持20像素的距离。
你也可以将它设置为margin-top:20px，就表示，它将于上方的元素保持20像素的距离。
<div style="background-color:#FF0000; margin-bottom:20px">这是第一个DIV</div>
<div style="background-color:#0000FF">这是第二个DIV</div>
</body>
注意“margin”就是用于设置本元素与其它元素的间距的，比如说这里设置margin-bottom:20px，意思就是说，它与下方的div保持20像素的距离。
你也可以将它设置为margin-top:20px，就表示，它将于上方的元素保持20像素的距离。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<style>
.table_1 {
width:200px;
height:200px;
text-align:center;
}
.table_1 td {
background-color:#FFF
}
</style>
</head>
<body>
<div style="background-color:#f00; float:left">
<table class="table_1" cellpadding="0" cellspacing="1" border="0" >
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>333</td>
<td>444</td>
</tr>
</table>
</div>
</body>
</html>
<head>
<style>
.table_1 {
width:200px;
height:200px;
text-align:center;
}
.table_1 td {
background-color:#FFF
}
</style>
</head>
<body>
<div style="background-color:#f00; float:left">
<table class="table_1" cellpadding="0" cellspacing="1" border="0" >
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>333</td>
<td>444</td>
</tr>
</table>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果是避免一行的边框与另一行的边框重叠，那么用CSS中table的border-collapse属性就好了：
<style>
table{
border-collapse:collapse
border:1px solid #ff0000;
}
table td{
width:40px;
height:50px:
border:1px solid #ff0000;
}
</style>
<table>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
</table>
<style>
table{
border-collapse:collapse
border:1px solid #ff0000;
}
table td{
width:40px;
height:50px:
border:1px solid #ff0000;
}
</style>
<table>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
