很抱歉问这么简单的问题,但我被卡住了,现有的答案对我不起作用。我已将其归结为列表的最简单情况,但我无法显示边框。
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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句