CSS控制表格边框样式问题
展开全部
<html>
<head><title>HTML
Table</title></head>
<style
type="text/css">
TABLE
{
border-collapse:
separate;
border:
2px
solid
blue;
}
.one{
border-left:none;
border-right:1px
solid
#f00;
border-top:1px
solid
#f00;
border-bottom:1px
solid
#f00;}
</style>
<body>
<table
summary="TechRepublic.com
-
Tables
and
CSS">
<thead><tr>
<thabbr="salesperson"
scope="col">Person</th>
<thabbr="sales"
scope="col">Sales</th>
</tr></thead>
<tbody><tr>
<td
class="one">Mr.
Smith</td>
<td>600.00</td>
</tr><tr>
<td>Mr.
Jones</td>
<td>0000.00</td>
</tr><tr>
<td>Ms.
Williams</td>
<td
class="one">0000.00</td>
</tr></tbody>
<tfoot><tr>
<td>Let's
sale,
sale,
sale!</td>
</tr></tfoot></table></body></html>
我设置了一个样式one，单元格左边没有边框，上下和右边有边框，颜色你可以自己设置。
<head><title>HTML
Table</title></head>
<style
type="text/css">
TABLE
{
border-collapse:
separate;
border:
2px
solid
blue;
}
.one{
border-left:none;
border-right:1px
solid
#f00;
border-top:1px
solid
#f00;
border-bottom:1px
solid
#f00;}
</style>
<body>
<table
summary="TechRepublic.com
-
Tables
and
CSS">
<thead><tr>
<thabbr="salesperson"
scope="col">Person</th>
<thabbr="sales"
scope="col">Sales</th>
</tr></thead>
<tbody><tr>
<td
class="one">Mr.
Smith</td>
<td>600.00</td>
</tr><tr>
<td>Mr.
Jones</td>
<td>0000.00</td>
</tr><tr>
<td>Ms.
Williams</td>
<td
class="one">0000.00</td>
</tr></tbody>
<tfoot><tr>
<td>Let's
sale,
sale,
sale!</td>
</tr></tfoot></table></body></html>
我设置了一个样式one，单元格左边没有边框，上下和右边有边框，颜色你可以自己设置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
