良く使うCSS

■見出しの補足(H2を二段にして上を赤に)

.midashi-hosoku{ display:block !important; font-size:15px; color:red; }

■フィットバックカラー(文字の長さに合わせて)

width: fit-content !important;

■リストのCSS

/* QAのリストスタイル */ .qa-list li{ list-style-type:none; text-indent: -1.3em; font-weight:bold; } .qa-list li::before{ font-family:”font awesome 5 free”; content:”\f058″; font-weight:900; margin-right:5px; color:red; }

■リストの頭を赤/グリーンのチェックマークに

/* リスト頭がグリーン */ .li-green li{ list-style-type:none; text-indent: -1.3em; font-weight:bold; } .li-green li::before{ font-family:”font awesome 5 free”; content:”\f058″; font-weight:900; margin-right:5px; color:#54cc6b; } /* リスト頭がレッド */ .li-red li{ list-style-type:none; text-indent: -1.3em; font-weight:bold; } .li-red li::before{ font-family:”font awesome 5 free”; content:”\f058″; font-weight:900; margin-right:5px; color:red; }

■青い枠線(BOX囲み)

こんなときに!