これは私がこれまでに作成したものです。最初のアイテムの高さを上げて、li
その下の境界線を覆うようにしますul
。
私のアプリでは、このアプローチを使用して「選択された」効果を作成したいと思います。これはJSなしで可能ですか?
CSS
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
ul {
border: 5px solid #999;
font-size: 0;
}
li {
padding: 25px;
font-size: 1rem;
border: 5px solid orange;
display: inline-block;
}
HTML
<ul>
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ul>