首页 > Web开发 > 详细

CSS 学习笔记三(Tables/)

时间:2015-12-28 01:01:35      阅读:274      评论:0      收藏:0      [点我收藏+]

CSS Tables

border

border: border-width border-style border-color|initial|inherit;

border-width

border-width: medium|thin|thick|length|initial|inherit;

border-style

border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Table Borders

Example

1 table, th, td {
2    border: 1px solid black;
3 }

border-collapse

border-collapse: separate|collapse|initial|inherit;

border-spacing

  • The border-spacing property sets the distance between the borders of adjacent cells (only for the "separated borders" model).
border-spacing: length|initial|inherit;

Example

1 table {
2     border-collapse: separate;
3     border-spacing: 10px 50px;
4 } 

Horizontal Alignment

text-align: left|right|center;

Vertical Alignment

vertical-align: top|bottom|middle;

Table Padding

Hoverable Table

Striped Tables

Table Color

 

CSS 学习笔记三(Tables/)

原文:http://www.cnblogs.com/hzj680539/p/5081308.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!