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://csruizhi.cn/article/goejde.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都企业网站建设 成都网站制作 重庆网站建设 响应式网站设计 重庆企业网站建设 成都网站建设公司 成都网站建设 网站设计制作 成都网站设计 成都网站设计 网站制作报价 营销网站建设 上市集团网站建设 手机网站制作 成都网站建设 成都网站制作 成都网站建设 成都网站建设 网站制作 外贸网站建设 成都响应式网站建设 成都做网站建设公司