列表和表格

1.列表的样式

在 <ul> 中添加样式，整个列表样式改变。在 <li> 中只变一项。

list-style-type:disc; 改变列表每一项前的符号。

disc（实心圆） / circle（空心圆） / square（方的）

list-style-image:url（Star.png）; 改变列表前图标。

list-style-position:inside;

inside（如果列表项目比较长，第二行与图标前端对齐）/ outside（第二行文字与圆点不对齐）

list-style:outside circle; 可合并，顺序没关系

2.表格的样式

<table style="border:1px solid blue;"> 为表格添加边框。

<table style="border:1px solid blue;border-collapse:collapse;"> 如果有两条表格框线，合并成一条线。默认为 border-collapse:seperate;

width:50px;height:100px; 指定单元格宽度高度

vertical-align:top; 垂直方向文字朝顶部对齐。

text-align:right; 水平方向文字靠右对齐。

padding:10px; 表格内文字和边线的距离。

<table style="caption-side:bottom;"> 指定 caption 的位置。默认为 top。

<table style="table-layout:fixed;">

fixed: 根据第一行单元格大小计算整个表格列宽。

automatic（默认）: 把整个表格所有单元拿到后分析每一行的宽和高。