border-radius

HTML&CSSリファレンス

table 角丸の表を作成する コピペで使えるHTML+CSS

CSSのborder-radiusを使ってtable表の外周について角を丸くします。しっかりと丸みを持たせるためにテーブル内のセルをどのように処理するかについて、first-childとlast-childを実装した汎用性の高い設計も解説します。
2022.04.22
HTML&CSSリファレンス

まとめ箇条書き表リスト コピペで使えるHTML+CSS

ブログなどの文末によくある要点をまとめた箇条書きや一覧を、順不同リスト<ul>、<li>を使って作成します。箇条書き黒板のデザインも再現します。
2021.12.28
HTML&CSSリファレンス

divを水平方向に均等配置する コピペで使えるHTML+CSS

ここでは複数のdivを間隔をあけた上で水平方向に均等配置する方法を紹介します。 水平方向に均等配置 justify-contentを用いる div...
HTML&CSSリファレンス

divを使ったボックスのデザイン コピペで使えるHTML+CSS

divを使って様々なデザインのコンテンツボックスをCSSで実現します。角の丸いボックス、見出しだけが角丸のボックス。少し斜めにした見出し。入り込む見出し、アイコンが追加された見出し等、見やすく洗練されたデザインボックスを紹介します。
2021.01.17
HTML&CSSリファレンス

span 単語、フレーズ、文章のグループ化 コピペで使えるHTML+CSS

テキストの一部分をグループ化し、スタイルシートによる装飾をおこなう際に用いるspan要素の解説。
2021.01.16
HTML&CSSリファレンス

a リンクを角丸ボタンにする コピペで使えるHTML+CSS

リンクアンカーのa要素を修正して、角の丸い角丸ボタンを実現します。border-radiusプロパティとtext-decorationプロパティを使用します。
2021.01.16
HTML&CSSリファレンス

border 枠線の表示 コピペで使えるHTML+CSS

CSSで要素の枠線を引くborderプロパティの説明、solidからhidde,outsetまで全てを網羅した解説を掲載。borderの高さは調整できるのか? ::beforeセレクターとの違いも説明。
2021.01.15
HTML&CSSリファレンス

border-radius 角を丸くする コピペで使えるHTML+CSS

CSSのプロパティborder-radiusはborderの角に丸みを持たせます。border-radiusを見出しやテーブル、divボックスなどに活用すれば見やすくて可愛らしいデザインを実現することができるようになります。
2021.01.15
タイトルとURLをコピーしました