html设置表格边框样式的方法
生活随笔
收集整理的這篇文章主要介紹了
html设置表格边框样式的方法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
這篇文章主要介紹html設(shè)置表格邊框樣式的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
html設(shè)置表格邊框樣式
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>設(shè)置表格邊框樣式</title>
<style>
.border_distance{
border-collapse: collapse; /**設(shè)置小表格之間的間距為0*/
border-right:1px solid red;
border-top:1px solid red;
}
.border_distance tr td{
border-left:1px solid green;
border-bottom:1px solid green;
}
</style>
</head>
<body>
<table class="border_distance">
<tr>
<td>科目</td>
<td>分數(shù)</td>
</tr>
<tr>
<td>語文</td>
<td>92</td>
</tr>
<tr>
<td>數(shù)學(xué)</td>
<td>99</td>
</tr>
<tr>
<td>英語</td>
<td>59</td>
</tr>
</table>
</body>
</html>
總結(jié)
以上是生活随笔為你收集整理的html设置表格边框样式的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 刺激战场不小心退出怎么观战
- 下一篇： 模拟文字接龙，班里一天几个接龙真的烦死啦