网页设计入门--表格

基本格式：

<table>
<caption>表头内容</caption>
<tr>    <!--第一行-->
<th scope="col">第一行第一列</td>
<th scope="col">第一行第二列</td>
<th scope="col">第一行第三列</td>
</tr>
<tr>    <!--第二行-->
<th scope="row">第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
<tr>    <!--第三行-->
<td scope="row">第三行第一列</td>
<td>第三行第二列</td>
<td>第三行第三列</td>
</tr>
</table>

利用css定义表格属性：

1 table{
2 background:#666;  /*定义表格背景色*/
3 color:#FFF;  /*定义表格字体颜色*/
4 font:14px/25px "宋体";  /*定义字体*/
5 border:1 solid #eee;  /*定义表格边框*/
6 }
7 td{    /*表格的表框只是外边框，如果要实现内边框，就要对td定义边框*/
8
9 }

转载于:https://www.cnblogs.com/helloyyn/p/4452827.html

网页设计入门--表格相关推荐

网页设计用表格设计一个计算器界面用于小白入门安排
网页设计用表格设计计算器界面用于小白入门 <!DOCTYPE html> <html lang="en"> <head><meta ch ...
简单网页设计之表格版
简单网页设计之表格版 <html> <meta http-equiv=Content-Type content="text/html; charset=UTF-8" ...
《HTML5+CSS3网页设计入门必读》——1.7 使用FTP传输文件
本节书摘来自异步社区<HTML5+CSS3网页设计入门必读>一书中的第1章,第1.7节,作者: [美]Julie Meloni更多章节内容可以访问云栖社区"异步社区"公 ...
《HTML5+CSS3网页设计入门必读》——2.8　转变（CH-CH变化）
本节书摘来自异步社区<HTML5+CSS3网页设计入门必读>一书中的第2章,第2.8节,作者: [英]Jeremy Keith , [美]Dan Cederholm 更多章节内容可以访问云 ...
《HTML5+CSS3网页设计入门必读》——第1章　标记简史1.1　从IETF到W3C：HTML 4的诞生过程...
本节书摘来自异步社区<HTML5+CSS3网页设计入门必读>一书中的第1章,第1.1节,作者: [英]Jeremy Keith , [美]Dan Cederholm 更多章节内容可以访问云 ...
《HTML5+CSS3网页设计入门必读》——1.13 测验
本节书摘来自异步社区<HTML5+CSS3网页设计入门必读>一书中的第1章,第1.13节,作者: [美]Julie Meloni更多章节内容可以访问云栖社区"异步社区" ...
Python+django网页设计入门（20）：使用WebSocket创建多人在线聊天室
2019年3月8日-10日公众号送书活动:中小学生Python课应该学什么 ================ 前导课程: Python+django网页设计入门(19):创建新模型扩展自带用户表的字段 ...
Python+django网页设计入门（19）：创建新模型扩展自带用户表的字段
公众号送书活动火热进行中:新学期福利,送18本Python图书 ================== 前导课程: Python+django网页设计入门(18):自定义模板过滤器 Python+dja ...
Python+django网页设计入门（18）：自定义模板过滤器
前导课程: Python+django网页设计入门(17):模板语法及应用 Python+django网页设计入门(16):优化设计复用分页代码 Python+django网页设计入门(15):公用模 ...

网页设计入门--表格

网页设计入门--表格相关推荐

最新文章

热门文章