边界属性为什么不能在列表项上工作？

对不起，问这样一个简单的问题，但我卡住了，现有的答案不适合我。我把它归结为列表中最简单的情况，但我无法获得边框显示。边界属性为什么不能在列表项上工作？

html, 
 
body, 
 
h1, 
 
h2, 
 
h3, 
 
p, 
 
ol, 
 
ul, 
 
li, 
 
a { 
 
    padding: 0; 
 
    border: 0; 
 
    margin: 0; 
 
    font-size: 100%; 
 
    font: inherit; 
 
} 
 

 

 
/* feed styling */ 
 

 
.feed ul { 
 
    list-style-type: none; 
 
    text-align: left; 
 
} 
 

 
.feed ul li { 
 
    border: 10px single black; 
 
    list-style-position: inside; 
 
}

<body> 
 

 
    <div class="feed"> 
 
    <ul> 
 
     <li>Item1</li> 
 
     <li>Item2</li> 
 
     <li>Item3</li> 
 
     <li>Item4</li> 
 
    </ul> 
 
    </div> 
 

 
</body>

来源

2017-07-29 brownmagik352

~~border: 10px single black;~~不正确。

使用border: 10px solid black;

html, 
 
body, 
 
h1, 
 
h2, 
 
h3, 
 
p, 
 
ol, 
 
ul, 
 
li, 
 
a { 
 
    padding: 0; 
 
    border: 0; 
 
    margin: 0; 
 
    font-size: 100%; 
 
    font: inherit; 
 
} 
 

 
.feed ul { 
 
    list-style-type: none; 
 
    text-align: left; 
 
} 
 

 
.feed ul li { 
 
    border: 10px solid black; 
 
    margin: 5px 0px; 
 
    list-style-position: inside; 
 
}

<div class="feed"> 
 
    <ul> 
 
    <li>Item1</li> 
 
    <li>Item2</li> 
 
    <li>Item3</li> 
 
    <li>Item4</li> 
 
    </ul> 
 
</div>

来源

2017-07-29 17:59:14

哇感谢用来捕获，傻傻的我的一部分！ – brownmagik352

@ brownmagik352很高兴我可以帮忙！继续编码！ :) –

边界属性为什么不能在列表项上工作？

回答

相关问题