CSS 表格(二)——每天几个样式,轻松玩转CSS

text-align & vertical-align 文本对齐

text-align在文本的章节中讲到过,设置水平对齐方式,童靴们翻翻以前的文章。

vertical-align 设置垂直对齐方式 ,常用属性值top,bottom,middle.

我们给表格文本设置水平居中,顶部对齐:

在浏览器中查看:

padding 内边距

padding是元素内容与边框的距离。

padding 属性值为一个表示上下左右边距一样,两个值为上下和左右边距,四个分别表示上下左右的值。

table tr td {

border:1px solid #ccc;

padding: 20px;

}

给表格的td元素设置内边距15px,为了能够清楚的看到元素的内边距,我们在浏览器中按下F12,在出现的界面中

点击左上角的鼠标图案滑到你的元素上面,绿色区域就是你设置的内边距。

今天内容就这么多了,童靴们练习一下吧。

你必须非常努力,才能看起来毫不费力!

关注公众号,持续收到文章推送~

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20171216G0I0LJ00?refer=cp_1026

相关快讯

扫码关注云+社区