概要 デモ html・css カスタマイズ 画像を変更する 項目を増減する タイトルと枠線の色を変更する 概要 画像とテキストのカード型リストボックスです。画像は差し替えることができます。項目の数は増減できます。 デモ タイトルを記入します 本文を記入しま…

記事ページにページネーションを配置したい時に活用できます。各aタグのURLを変更してお使いください。

主に複数の人が会話をしている時に活用できる形です。吹き出しとアイコンの枠線が同じなので誰が会話しているのか分かりやすい形になっています。

目次の見た目を変更できます。記事編集の「目次」を活用し、cssのみで調整が可能です。

目次の見た目を変更できます。記事編集の「目次」を活用し、cssのみで調整が可能です。

概要 シンプルな枠線ボタンです。 デモ ボタンテキスト .button-stroke.button-corner { display: flex; /* ボタンを中央そろえにする場合 */ } .button-stroke.button-corner a { display: inline-block; min-width: 100px; text-align: center; border: 2p…

概要 シンプルな枠線ボタンです。 デモ ボタンテキスト .button-stroke.button-rounded { display: flex; /* ボタンを中央そろえにする場合 */ } .button-stroke.button-rounded a { display: inline-block; min-width: 100px; text-align: center; border: …

概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する ドット線の色を変更する 概要 枠のスタイルのみ用意しているので、中身は自由です。 デモ 見出し Q. 質問などを記入 A. 回答…

概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する ドット線の色を変更する 概要 枠のスタイルのみ用意しているので、中身は自由です。 デモ 見出し Q. 質問などを記入 A. 回答…