轮廓Outline|表格Table实例

Posted 2020-09-06 Nyan

 

1、使用outline属性在元素周围画一条线。

border:red solid thin;
outline:#00ff00 dotted thick;
outline-style:dotted|dashed|solid|double|groove|ridge|inset|outset;
outline-color:#00ff00;

2、设置轮廓的宽度

border:red solid thin;
outline-style:solid;
outline-width:thin;
outline-width:1px;

3、设置表格的布局

table-layout: automatic
table-layout: fixed

4、是否显示表格中的空单元。（请在非 IE 浏览器中浏览）

border-collapse: separate;
empty-cells: hide;

5、合并表格边框，是否把表格边框显示为一条单独的边框，还是像标准的 html 中那样分开显示

table
  {
  border-collapse:collapse;
  }

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

6、设置单元格边框之间的距离。（请在非 IE 浏览器中浏览

border-collapse: separate;
border-spacing: 10px 50px

7、定位表格的标题。（请在非 IE 浏览器中浏览）

caption-side:bottom
caption-side:top