CSS样式简单实现Table没有外边框只有内边框
CSS样式简单实现Table没有外边框只有内边框
发布时间:2017-01-07 来源:查字典编辑
摘要:效果图:实现方法:Inserttitleheretable{border-collapse:collapse;border:0pxsolid...

效果图:

1

实现方法:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

table{

border-collapse: collapse;

border: 0px solid #999;

}

table td {

border-top: 0;

border-right: 1px solid #999;

border-bottom: 1px solid #999;

border-left: 0;

}

table tr.lastrow td {

border-bottom: 0;

}

table tr td.lastCol {

border-right: 0;

}

</style>

</head>

<body>

<table>

<tr>

<td>姓名</td>

<td>年龄</td>

<td>籍贯</td>

<td>出生年月</td>

<td>学历</td>

<td>外语程度</td>

</tr>

<tr>

<td>111</td>

<td>222</td>

<td>333</td>

<td>444</td>

<td>555</td>

<td>666</td>

</tr>

<tr>

<td>11122</td>

<td>222111</td>

<td>333444</td>

<td>444555</td>

<td>555555</td>

<td>666777</td>

</tr>

</table>

</body>

</html>

测试通过!

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类