THE THOR（ザ・トール）のリストの装飾

番号なしリスト　デフォルト 　ul

• あああ
• あああ
• あああ

番号なしリスト　カスタマイズ 　ul class=”ver2″

• ううう
• ううう
• ううう

番号付きリスト　デフォルト 　ol

1. かかか
2. かかか
3. かかか

追加CSS

上記装飾に必要な追加CSS

/* --------- リストのデフォルト設定 --------- */
.content ul.ver2 > li:before {
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight:600;
transform: scale(.9);
color:#b71313;
}


/* --------- リストのデフォルト設定 --------- */
.content ol li:before{
background: #A83F3F;/*番号背景色*/
border:none;
color:#fff;/*文字色*/
font-weight:bold;
font-size:15px;
width:25px;
height: 25px;
padding-top:2px;
}

.content ul>li:before {
font-family:"icomoon";
content: "\ea12";
transform: scale(.9);
color:#b71313;
}