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叠加的问题
URL地址:http://bzwzjz.com/article/goejde.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 营销网站建设 网站建设费用 响应式网站建设 四川成都网站建设 成都网站设计 重庆企业网站建设 网站建设方案 网站建设公司 高端网站建设 成都网站设计 企业网站建设 成都网站设计 成都模版网站建设 定制网站设计 成都网站建设 成都网站制作 成都网站设计 成都网站设计制作公司 成都网站制作 定制网站制作 网站制作公司