【HTML基础】-3.6-用css样式，为表格加入边框

洛尘于 2015-10-15 15:18 发表在 [HTML5] [复制链接] [只看楼主] [打印] [上一主题] [下一主题]

本帖最后由洛尘于 2015-10-15 15:19 编辑

Table表哥在没有添加css样式之前，是没有边框的。这样不便于我们后期合并单元格知识点的讲解，所以在这一小节中我们为表格添加一些样式，为它添加边框。

在css代码文件中添加如下代码(在根目录下新建一个data.css文件)：

table tr td,th{border:1px solid #000;}

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>为表格添加边框</title>
<link rel="stylesheet" href="data.css">
</head>
<body>
<table summary="">
<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>
<script src="data.js"></script>
</body>
</html>

复制代码

分享到: QQ好友和群 QQ空间 腾讯微博 腾讯朋友

支持

反对

举报使用道具

| 回复

共 0 个关于本帖的回复最后回复于 2015-10-15 15:18

返回列表

精彩推荐

FlashFXP 5.3.0.3925 简体中文绿色便携特别
关于新手发帖回复提示“您无权发布该类型主
Discuz主题列表摘要图片显示4.4 商业版插件
【HTML基础】-1.3-认识html标签
安卓超漂亮的水果糖风格PNG图标

明星用户

Andy大叔级摄影爱好者，喜欢分享访问主页>>

洛尘积极有责任心，热心公益事业访问主页>>

菜瓢虫红米达人，爱拍照的北京女孩访问主页>>

【HTML基础】-3.6-用css样式，为表格加入边框

共 0 个关于本帖的回复最后回复于 2015-10-15 15:18

推荐板块

精彩推荐

热门排行

明星用户

分享到：

个人中心

QQ

电话咨询

新版调查

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

【HTML基础】-3.6-用css样式，为表格加入边框

共 0 个关于本帖的回复 最后回复于 2015-10-15 15:18

推荐板块

精彩推荐

热门排行

明星用户

分享到：

个人中心

QQ

电话咨询

新版调查

共 0 个关于本帖的回复最后回复于 2015-10-15 15:18