ULリストの箇条書きの幅を広げる

Question

ULリストの箇条書きをどのようにスタイルするか。 私は四角形を使用しています。必要なのは幅を広げることだけです。どのようにカスタム画像を使用する以外はそれを行う方法はありますか？ は::beforeを使用して、あなたにこのような

Answer 1

何かに感謝し、content CSS使用：

ul li { 
 
    list-style: none; 
 
} 
 
ul li::before { 
 
    content: ""; 
 
    display: block; 
 
    border: 2px solid #000; 
 
    width: 10px; 
 
    margin-left: -20px; 
 
    margin-top: 1em; 
 
    margin-bottom: -0.67em; 
 
}

<ul> 
 
    <li>Item 1</li> 
 
    <li>Item 2</li> 
 
    <li>Item 3</li> 
 
    <li>Item 4</li> 
 
    <li>Item 5</li> 
 
</ul>

プレビュー