边框设置问题

来源:12-10 我想脚下踩条线 - 使用border为盒子添加边框(二)

Grush

2016-04-04 20:58

<title>边框</title>

<style type="text/css">

li{

    border:2px dotted #ccc;

    border-bottom:1px dotted #ccc;

}

</style>

</head>

<body>

<ul>

    <li>别让不会说话害了你</li>

    <li>二十七八岁就应该有的见识</li>

    <li>别让不好意思害了你</li>

</ul>

</body>

这一段代码显示之后是只有最下面的边框变成了1px 那如何实现每一行文字下的边线都变成1px呢

写回答 关注

6回答

  • 慕粉3126759
    2016-04-04 21:19:57
    已采纳

    <title>边框</title>

    <style type="text/css">

    li{

        border-width:1px 1px 0px ;

        border-style:dotted;

        border-color:#ccc;

       

    }

    #last{border:1px dotted #ccc;


    }

    </style>

    </head>

    <body>

    <ul>

        <li>别让不会说话害了你</li>

        <li>二十七八岁就应该有的见识</li>

        <li id="last">别让不好意思害了你</li>

    </ul>

    </body>


    Zune 回复Grush

    border-width:1px 1px 0px ;这句意思是不设置底框,你的问题是看上去行与行之间两条线框重合了

    2016-04-13 16:30:24

    共 3 条回复 >

  • menghuanzhiyun
    2016-05-22 23:11:24

    5741cc050001268004450188.jpg

    5741cc0500010b3f05000157.jpg

    这样应该能看清楚一点

  • 忆_卿
    2016-04-19 15:38:15

    还看不清 就加个 margin=10px;

  • 忆_卿
    2016-04-19 15:35:43

    这不是代码的问题,是你的视觉问题,你把 那 两段代码 随意 换个颜色  看就行了。

  • Roner
    2016-04-11 17:03:14

    你看错了,三行的下边框都是1px,只不过第二行的上边框是2px,给你造成的视觉上的错误

    http://img.mukewang.com/570b684e0001561c09690664.jpg

    慕的地721...

    为什么我打出来第三行比前两行窄?

    2016-11-03 20:12:50

    共 1 条回复 >

  • upcbobo
    2016-04-04 21:10:07

    li{

        border-bottom:1px dotted #ccc;

    }


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225294 学习 · 18230 问题

查看课程

相似问题