如何把蔬菜水果用一個框圈起來
如何把蔬菜水果用一個大框圈起來，水果蔬菜前面還出現無序排列符號（小圓點）
青椒rose_0
2016-03-14
6 回答
舉報
0/150
提交
取消
2016-03-14
直接在style里定義food的格式就好了，去掉后面的>li, 就把蔬菜水果全部圈到一起了，代碼如下
.food{
? ? border:1px solid red;/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/
}
2016-03-19
<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>2016-03-14
<style type="text/css">
.food>li{
border: 2px solid red;
}
</style>
2016-03-14
<style type="text/css">
.first span{ color:red;}
.food>li{border:1px solid red;}/* 添加邊框樣式(粗細為1px，顏色為紅色的實線)*/
</style>
2016-03-14
<ul>
<li>....</li>
<li>....</li>
<li>....</li>
</ul>
2016-03-14
<style type="text/css">
.first span{color:red;}
.food{
? ? border:1px solid red;/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/
}
</style>