为什么边框属性对列表项不起作用?

很抱歉问这么简单的问题，但我被困住了，现有的答案对我不起作用。我已将其归结为最简单的列表情况，但我无法显示边框。

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>

~~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>

相关内容

最新更新

热门标签：