CSS CSSの:afterで要素の後にコンテンツを挿入する方法をわかりやすく解説
::afterは疑似要素の1つで、指定した要素の後ろに内容を挿入することができます。疑似要素として使われるため、HTMLには明示的に記述する必要はなく、CSSのみで追加の装飾や内容を挿入できます。::afterの値とその効果の一覧 content: 挿入される内容を指定します。 display: 疑似要素の表示方法（イ...
:after
CSS 
HTML&CSS まとめ箇条書き表リスト コピペで使えるHTML+CSS
ブログなどの文末によくある要点をまとめた箇条書きや一覧を、順不同リスト<ul>、<li>を使って作成します。箇条書き黒板のデザインも再現します。
HTML&CSS blockquote q 引用符をデザイン コピペで使えるHTML+CSS
引用する際に用いるblockquote要素とq要素について、CSSの::beforeセレクターと::afterセレクター及びtransformプロパティのrotate()関数を用いて独自の引用符を実装します。
HTML&CSS ::before と ::after 疑似要素 要素の前後に挿入 コピペで使えるHTML+CSS
要素の前に表示する::beforeセレクター、要素のあとに表示する::afterセレクター。どのような仕組みか。どのように使用するかを具体例とともに解説。