用css样式，为表格加入边框、表格简介、表格标题

最新推荐文章于 2024-05-14 16:52:58 发布

又一个包子

最新推荐文章于 2024-05-14 16:52:58 发布

阅读量1.2k

点赞数

分类专栏： html基本知识

本文链接：https://blog.csdn.net/whpu1234/article/details/81298151

版权

html基本知识专栏收录该内容

27 篇文章 1 订阅

订阅专栏

1.用css样式，为表格加入边框
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>

<table>标签，认识网页上的表格

<table summary="">        表格以此开始，summray为表格添加表格简介文本
<caption>标题文本</caption>     caption标签，为表格添加标题和摘要
<tbody>
<tr>             表格的一行
<th>...</th>           表格头部的一个单元格，表格表头
<th>...</th>
...
</tr>

<tr>
<td>...</td>           表格的一个单元格
<td>...</td>
...
</tr>
</tbody>
</table>

demo:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>为表格添加边框</title>
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
</head>

<body>
<table summary="本表格记录2012-2013学年学生成绩">
  <caption>2012年到2013年学生成绩表</caption>
  <tr>
    <th>班级</th>
    <th>学生数</th>
    <th>平均成绩</th>
  </tr>
  <tr>
    <td>一班</td>
    <td>30</td>
    <td>89</td>
  </tr>
  <tr>
    <td>二班</td>
    <td>35</td>
    <td>85</td>
  </tr>
  <tr>
    <td>三班</td>
    <td>32</td>
    <td>80</td>
  </tr>
</table>

</body>
</html>

运行结果：

又一个包子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用css样式，为表格加入边框、表格简介、表格标题

1.用css样式，为表格加入边框 &lt;style type="text/css"&gt;table tr td,th{border:1px solid #000;}&lt;/style&gt; &lt;table&gt;标签，认识网页上的表格 &lt;table summary=""&gt; 表格以此开始，summray为表格添加表格简...
复制链接

扫一扫

专栏目录