サービスユニフォームcomへようこそ！ サービスユニフォームcomは全国の法人・個人の皆様に、カフェ・レストラン・ホテル・理容・美容・サロン用ユニフォームをご提供するオンラインショップです。
ログイン
×
ユーザーログイン
パスワードを忘れた場合
読込中
TEST
赤いダイアモンドリストの2つの実装方法
方法1: list-style-type: none + span
- ◆項目1
- ◆項目2
- ◆項目3
方法2: ::marker を使用
- 項目1
- 項目2
- 項目3
方法1: list-style-type: none + span要素
HTML:
<ul class="method1">
<li><span class="diamond">◆</span>項目1</li>
<li><span class="diamond">◆</span>項目2</li>
<li><span class="diamond">◆</span>項目3</li>
</ul>
CSS:
.method1 {
list-style-type: none;
padding-left: 0;
}
.diamond {
color: red;
font-weight: bold;
}
方法2: ::marker を使用
HTML:
<ul class="method2">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
CSS:
.method2 li::marker {
content: "◆ ";
color: red;
font-weight: bold;
}
カフェ・レストラン・ホテル・理容・美容・サロン用ユニフォームに関するご相談は、ユニフォーム1
サービスユニフォームcom にお任せ下さい。
サービスユニフォームcom は「リンクフリー」です。全てのページに対しご自由にリンクしていただいて結構です。
Copyright © 2025 サービスユニフォームcom All Rights Reserved.