课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
如何把蔬菜水果用一个大框圈起来，水果蔬菜前面还出现无序排列符号（小圆点）
2016-03-14
源自：初识HTML(5)+CSS(3)-升级版 8-7
正在回答
直接在style里定义food的格式就好了，去掉后面的>li, 就把蔬菜水果全部圈到一起了，代码如下
.food{
border:1px solid red;/*添加边框样式（粗细为1px， 颜色为红色的实线）*/
}
青椒rose_0 提问者
<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>
<style type="text/css">
.food>li{
border: 2px solid red;
</style>
.first span{ color:red;}
.food>li{border:1px solid red;}/* 添加边框样式(粗细为1px，颜色为红色的实线)*/
<ul>
<li>....</li>
</ul>
.first span{color:red;}
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
2 回答为什么只有水果和蔬菜和有红圈
4 回答我想用一个边框把两个段落都圈起来要怎么做？
2 回答为什么水果蔬菜都是第一代元素？不只有水果是第一代吗？
4 回答关于蔬菜水果的第一代子元素有点不明白
4 回答如果我想香蕉，苹果，梨，白菜，油菜，卷心菜出现红边线而不是水果，蔬菜出现红边线呢？
