文字を折り返しさせない white-space: nowrap;
2024/4/4 フォント
テキストの折り返しをさせたくない場合はどのようなCSSを設定すればいいでしょうか。 今回はその方法をご紹介します。 私の場合は、レスポンシブデザインの確認でブラウザを伸縮させていたら、ボ ...
【CSS】テキストがグッときわ立つアンダーラインの引き方3選
2024/4/4 フォント
今回はCSSでアンダーライン(下線)の引き方をご紹介します。 さっぱりわからない人はサクッと覚えてしまいましょう。 いつも同じ方法でコーディングしている人はバリエーションを増やしましょう ...
【CSS】Web制作には欠かせないGoogleフォントの使い方
今回は、Google Fonts の使い方を紹介します。 それほど難しくありませんが、私が初めて使用した時、少しわかりづらかったので、 初心者さん向けに手順を紹介していきます。 目次 G ...
【CSS】HTMLで作ったタグの文字色を変えない2つの方法
<a>タグでリンクを作ったら文字の色が黒じゃない。 しかも下線まで付いている。 文字は黒でいいし、下線もいらない。 とお困りの方へ、<a>タグの文字色を変えない方法を2つ紹介し ...
【CSS】画像を暗くして文字をめだたせる簡単テクニックをご紹介
今回は、画像を暗くする方法を紹介します。 下の画像のように、文字がいまいち目立たない・・・。 というときに使えます。 背景画像を暗くして、画像の上に載せた文字をきわだたせることができます。 さっそく見 ...
背景だけ透過させるならrgbaを使おう opacityとの違いは?
CSSにだいぶ慣れてきて、opacityもパッと思い浮かぶようになってきたところ。 あれ、透過させる要素は背景だけでいいのに・・・・。 文字は透過させずくっきりさせたいけど、一体どうした ...
【CSS】アルファベットを縦書きにする方法わかりやすく解説します
2024/4/4 フォント
今回はアルファベットを縦書きにする方法です。 このようなテキストです。 WordPress 目次 CSSコード補足CSSコード ※htmlのコードは省略します。 .p{ writing-mode: v ...