网赚妈妈

 找回密码
 立即注册
搜索
查看: 777|回复: 0

[网赚社区] CSS 表格(二)——每天几个样式,轻松玩转CSS

[复制链接]
  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

    发表于 2018-10-13 18:44:48 | 显示全部楼层 |阅读模式

    text-align & vertical-align 文本对齐

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

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

    Z4BcCrr077ZxjZZ5.jpg

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

    HTC8bTCtdPVK1W1b.jpg

    在浏览器中查看:

    peVX358JxG9d25Fz.jpg

    padding 内边距

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

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

    table tr td {

    border:1px solid #ccc;

    padding: 20px;

    }

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

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

    DOyIjRr1JnJJ1BiY.jpg

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

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

    关注小白前端,持续收到文章推送。

    回复

    使用道具 举报

    xml|2.xml|QQ3014497968|文章发布|签到|小黑屋|网赚论坛-致富项目网络赚钱平台 |网站地图

    GMT+8, 2019-10-17 20:28 , Processed in 0.177252 second(s), 15 queries , File On.

    Powered by Discuz! X3.3

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表