css中列表中上下border叠加的问题-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

css中列表中上下border叠加的问题

代码:

网站设计制作过程拒绝使用模板建站;使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统;成都网站设计、网站建设、外贸网站建设收费合理;免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了十载的创新互联建站网站建设公司。

css中列表中上下border叠加的问题

此时的效果是:

css中列表中上下border叠加的问题

解决办法:

css中列表中上下border叠加的问题

此时的效果是:

css中列表中上下border叠加的问题

常见的场景应用:

css中列表中上下border叠加的问题

代码:


    Cras justo odio
    Dapibus ac facilisis in
    Morbi leo risus
    Porta ac consectetur ac
    Vestibulum at eros

css中列表中上下border叠加的问题

如果没有margin-top:-1px;此时的效果就是这样子的:

css中列表中上下border叠加的问题

也可以使用margin-top来解决:

css中列表中上下border叠加的问题


总结:

1 margin-top为负值的使用

2 margin-bottom为负值的使用


当前文章:css中列表中上下border叠加的问题
分享链接:http://kswsj.cn/article/goejde.html

其他资讯