Webデザイン&CSS

Webデザイン&CSS

【Canva】テキスト/文字を白枠で縁取りする方法(影ではないきちんとした枠線)

デザインツールCanvaのテキスト機能で、文字を白枠で縁取りする方法をまとめています。Canva以外のツールは使わず、影ではなく、枠を均等に縁取りできる方法です。
Webデザイン&CSS

【CSS】ブログの画像に影をつける & 色を変える方法(#box-shadow)

Webサイト、ブログのページ内の画像に影をつける&色を変えるCSS「box-shadow」の設定方法を解説します。画像に影をつけることで、例えば背景が白い画像でも見えにくくならずに表示することができます。
Webデザイン&CSS

【CSS】見出しのデザインを変える方法(#コピペできるサンプル付き)

このページでは、Webページの見出しのデザインを変えるCSSの設定方法を、コピペできるサンプルCSS付きで解説します。見出しタグ、WordPressの記事だけにデザインを反映させる方法もあわせて解説します。
Webデザイン&CSS

【CSS】メニューや見出しの前にアイコンを表示する方法(#Font Awesome)

アイコンフォントを使ってメニューや見出しの前にアイコンを表示する設定方法を解説します。アイコンフォントは文字フォントと同じような感覚で使うことができる仕組みで、アイコンとラベルを組わせることでユーザビリティを向上させたりすることができます。
Webデザイン&CSS

【CSS】テキストに蛍光ペンのマーカー線を引く方法(#linear-gradient)

テキストに蛍光ペンのマーカー線を引くCSSの設定方法を解説します。見出しやテキストを太字のみの時よりも強調して目立たせることができてとても便利です。
Webデザイン&CSS

【CSS】マウスカーソルをあてた時に色を薄く&透過する方法(#マウスオーバー#hover)

Webページをカスタマイズする際、マウスカーソルをあてた時に色を薄くしたり、透過するCSSの設定方法をわかりやすく解説します。コピペできるCSSのサンプルと透過度ごとの見本もアップしています。
Webデザイン&CSS

【CSS】ボタンや画像の角を丸くする方法(#border-radius)

ボタンや画像などの角を丸くするCSSの設定方法を解説します。どのくらいの丸さにするかも簡単に調整することができ、WordPressテーマで設定したデザインのボタンをちょこっと変更してオリジナリティを出すのにも便利です。
タイトルとURLをコピーしました