CSS3 列表和表格

列表

CSS 对列表的处理,只有一个好用的属性,就是把列表前面的符号去除。

<ul>
 <li>1</li> <!-- 默认情况,列表开头有这个小点,这会影响布局。 -->
 <li  style="list-style-type: none;">2</li>
 <li  style="list-style-type: none;">3</li>
</ul>

效果

  • 1
  • 2
  • 3

CSS关于列表还有很多其他的属性,大部分都是对这个小点进行美化,因为一般用不到,就不列举。


表格

在CSS和HTML初期的时候,表格曾经是最主要是布局工具。现在关于表格的操作用得比较少。大部分我们前面讲到的,例如,定义背景文本居中等... 在表格都适用。

只有两点需要注意的,默认的表格有一个边距,有时会影响我们的布局。border-spacing: 0; 可以去除这个边距。

第二点是,我们前面提到的文本对齐 text-align: left | center | right,可以让表格的文字水平对齐。关于对齐,表格还有一个专属的属性,垂直对齐 vertical-align: top上 | middle中 | bottom下

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程