网赚妈妈

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

[网赚是真的吗] css 表格(一)——每天几个样式,轻松玩转CSS

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

    [LV.4]偶尔看看III

    发表于 2018-9-10 20:13:50 | 显示全部楼层 |阅读模式

    border 边框

    border可以为任何能加边框的元素添加边框线。

    border有三个属性值,用空格隔开。第一个值是边框的像素,第二个值边框的样式,第三个是边框颜色。

    border:1px solid #000;

    solid设置边框线为实线,dashed设置边框线为虚线。

    hDqEyd7eMd99GE3C.jpg

    为表格设置边框样式,

    B3na4J63L773KdpR.jpg

    在浏览器中查看:

    v8VX6x0Ek2kv4xX7.jpg

    border-collapse 设置是否将表格边框折叠为单一边框

    上面的例子中我们看到两个元素之间是双条边框线的,是因为我们给每个元素都设置是了单独的边框线。我们可以给table元素设置border-collapse属性让元素共用一条边框线。

    为上面例子中的table添加一个属性:

    k0fMpS2w4SMmW29Z.jpg

    在浏览器中显示:

    xdqAdDVQf30DdoaW.jpg

    width & height 宽度和高度

    width 和 height 可以为任何能设置宽度和高度的元素添加。

    举个栗子,为table设置宽度为500px,同时为td高度设置为50px:

    frADRR0ii8IAuKaK.jpg

    浏览器中显示:

    apsVGwgKD0GDS0z6.jpg

    童靴们打开编辑器练习练习吧!

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

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

    回复

    使用道具 举报

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

    GMT+8, 2019-10-24 07:15 , Processed in 0.171350 second(s), 16 queries , File On.

    Powered by Discuz! X3.3

    © 2001-2017 Comsenz Inc.

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