CSSもこれで簡単に！テキストの左右に水平線を引くスタイルシートの新テクニック
div要素はひとつだけ、CSS Flexboxを使用してテキストの左右に水平線を引くスタイルシートのテクニックを紹介します。 HTMLは非常にシンプルで、テキストと水平線はレスポンシブ対応で、カラーやサイズや左右のマージンも簡単に変更できます。 div要素ひとつだけで実装する テキスト付きの区切り線 まずは、最終のデモをご覧ください。 テキストの左右に水平線を引いた区切り線は、div要素ひとつだけで実装されています。モダンブラウザはもちろん、EdgeでもIE11でも大丈夫です。 実装のポイント div要素ひとつだけ、spanなど余分な要素は必要なし。 divに限らずブロック要素、h1で見出しの装飾としても使えます。 画像やSVGなども必要なし。 水平線は、カラー・サイズ・マージンの変更ができる。 フォントのサイズを大きくしても自動で調整される。 水平線はレスポンシブ対応。 背景が画像でも水
【公開終了】『ドラゴン桜』1~11巻を無料公開します｜ドラゴン桜（三田紀房）公式note
【4/27 追記】 『ドラゴン桜2』『インベスターZ』のKindle書籍が100円に！ GWセール実施中！ 【3/31 追記】 ※外出自粛や休校の延長などの事態を踏まえ、『ドラゴン桜』無料公開の期間を4月30日まで延長いたします。 ーーーーーー 『ドラゴン桜』編集チームは、3月31日までの期間限定で『ドラゴン桜』の1巻から11巻までを無料公開することに致しました。 一斉休校になった子供たちの不安は大きく、自宅学習のモチベーション維持はなかなか難しいかもしれません。そんな中で『ドラゴン桜』を読んで、少しでも明るい気持ちで勉強に取り組んでもらえたら嬉しく思います。 スタッフ一同、事態の早期終息を心より願います。 ※画像をクリックすると漫画ビューワーが立ち上がります。 ファイルが重いためWiFi環境での閲覧を推奨します。 『ドラゴン桜』『ドラゴン桜2』は本編画像のＳＮＳ投稿を歓迎しています。読ん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
