盒子模型单独设置边框

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

慕田峪4217366

2017-12-20 11:50

对于多个相同的块状元素,如何只对其中的某一个单独进行设置边框

p{???????}

<ul>

      <p>aaaaa</p>

      <p>bbbbb</p>

      <p>ccccc</p>

</ul>

上述代码运行出来之后,只有aaaaaa有下边框,其余没有,该如何填写

写回答 关注

4回答

  • 一只灵兽
    2017-12-20 12:16:30
    已采纳

    <style>

    .first{border-bottom:1px dashed red;}

    </style>

    <ul>

          <p  class="first">aaaaa</p>

          <p>bbbbb</p>

          <p>ccccc</p>

    </ul>

    利用.类选择器

    慕田峪421...

    非常感谢!

    2017-12-21 15:53:17

    共 1 条回复 >

  • wu_cit
    2018-01-19 16:42:37

    还可以有伪类选择器的做法

    ul:first-child:p{border-bottom:1px dashed red;}


  • 张鹏同学
    2018-01-14 13:38:57

    <style>

    .first{border-bottom:1px dashed red;}

    </style>

    <ul>

          <p  class="first">aaaaa</p>

          <p>bbbbb</p>

          <p>ccccc</p>

    </ul>

    <style>

    #first{border-bottom:1px dashed red;}

    </style>

    <ul>

          <p  id="first">aaaaa</p>

          <p>bbbbb</p>

          <p>ccccc</p>

    </ul>

    <ul>

          <p  style="border-bottom:1px dashed red;">aaaaa</p>

          <p>bbbbb</p>

          <p>ccccc</p>

    </ul>



  • 精慕门4095977
    2017-12-20 12:21:37

    111


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

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

1225293 学习 · 18230 问题

查看课程

相似问题