码迷,mamicode.com
首页 > Web开发 > 详细

CSS 学习笔记三(Tables/)

时间:2015-12-28 01:02:12      阅读:189      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!