html设置表格边框样式

来源：动视网责编：小采时间：2020-11-27 15:25:41

html设置表格边框样式

html设置表格边框样式:这篇文章介绍的内容是html设置表格边框样式，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 html设置表格边框样式 <html> <head> <meta http-equiv="Content-Type" content=&quo

推荐度：

点击下载本文 文档为doc格式

导读html设置表格边框样式:这篇文章介绍的内容是html设置表格边框样式，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 html设置表格边框样式 <html> <head> <meta http-equiv="Content-Type" content=&quo

这篇文章介绍的内容是html设置表格边框样式，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

 html设置表格边框样式
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>设置表格边框样式</title>
 <style>
 .border_distance{
 border-collapse: collapse; /**设置小表格之间的间距为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>分数</td>
 </tr>
 <tr>
 <td>语文</td>
 <td>92</td>
 </tr>
 <tr>
 <td>数学</td>
 <td>99</td>
 </tr>
 <tr>
 <td>英语</td>
 <td>59</td>
 </tr>
 </table>
</body>
</html>

html设置表格边框样式

推荐度：

点击下载本文 文档为doc格式

标签：设置表格边框

热门焦点

html设置表格边框样式

html设置表格边框样式

html设置表格边框样式

最新推荐

猜你喜欢

热门推荐