问答详情
源自:8-7 这么快就当爷爷了? - 后代选择器

如何把蔬菜水果用一个框圈起来

如何把蔬菜水果用一个大框圈起来,水果蔬菜前面还出现无序排列符号(小圆点)

提问者:青椒rose_0 2016-03-14 10:56

个回答

  • 你若盛开0
    2016-03-14 16:20:20
    已采纳

    直接在style里定义food的格式就好了,去掉后面的>li, 就把蔬菜水果全部圈到一起了,代码如下

    .food{

        border:1px solid red;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/

    }


  • 飞呵
    2016-03-19 18:05:29

    <style type="text/css">
    .food{
         border:1px solid blue;
    }
    </style>
    
    <ul class="food">
    <li>水果
    <ul>
    <li>苹果</li>
    <li>梨</li>
    <li>香蕉</li>
    </ul>
    </li>
    <li>蔬菜
    <ul>
    <li>白菜</li>
    <li>白菜</li>
    <li>白菜</li>
    </ul>
    </li>
    </ul>


  • jokerFei
    2016-03-14 11:28:18

    <style type="text/css">

    .food>li{

    border: 2px solid red;

    }

    </style>


  • Allen_WangZL
    2016-03-14 11:15:21

    <style type="text/css">

    .first span{ color:red;}

    .food>li{border:1px solid red;}/* 添加边框样式(粗细为1px,颜色为红色的实线)*/


    </style>

  • 慕莱坞0165821
    2016-03-14 11:05:34

    <ul>

    <li>....</li>

    <li>....</li>

    <li>....</li>

    </ul>

  • N脉神剑
    2016-03-14 11:01:49

    <style type="text/css">

    .first span{color:red;}


    .food{

        border:1px solid red;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/

    }

    </style>