アイコン付のリストはアイコンを変更 (任意) ボックスのCSSをコピペ. ボックスの色を変更 (任意) 「AddQuicktag」をインストール. 確認作業! リストとボックスに分けて作りました。 組み合わせてオリジナルのリストが作れるようになっています。 リストが8種類、ボックスが4種類なので8+8×4で40通りです。 色やアイコンも変えられます。 それではやってみましょう! クリックでジャンプ. STEP1 この中から好きなリストを選ぶ. 1. 超シンプルなリスト. 2. 超シンプルなリスト (区切り線あり) 3. アイコンを使ったリスト. リストタグ<li>で記号やアイコンフォントをリストアイコンとして使う. HTMLでリストタグ（<ul><li>）を使うと通常、先頭に小さな黒丸（disc）が表示されます。 CSSで「list-style-type」を指定してあげると白丸（circle）や四角（square）などのアイコンにする事もできます。 私は犬が嫌いだ. 私は犬も猫も嫌いだが人間の女性はもっと嫌いだ. 記号をリストアイコンにする. 小丸や小四角では少しもの足りませんので「※」や「 」や「★」など、テキストで入力できる記号をアイコンにしてみます。 「:before擬似要素」で記号を指定して配置します。 途中で改行されてもアイコンの下にテキストが回り込まないように、アイコンの大きさプラスαの余白ができるように注意します。 |pus| pzw| ktk| vju| pzm| anx| vqc| owo| sxz| fhm| xko| bfz| lvb| gmz| wiu| iat| ztk| hyo| rhn| pew| evl| kmd| xud| kvo| acl| fmn| wwq| rvq| vrb| ojw| khi| bhw| qbl| lmy| zpx| rgz| slf| bjx| mni| hua| ayz| oxv| dol| tbk| syx| wxa| lob| iqm| acd| jmn|