フォント

text

文字を折り返しさせない white-space: nowrap; 

2024/4/4    

テキストの折り返しをさせたくない場合はどのようなCSSを設定すればいいでしょうか。 今回はその方法をご紹介します。   私の場合は、レスポンシブデザインの確認でブラウザを伸縮させていたら、ボ ...

book-and-pen

【CSS】テキストがグッときわ立つアンダーラインの引き方3選 

2024/4/4    

今回はCSSでアンダーライン(下線)の引き方をご紹介します。   さっぱりわからない人はサクッと覚えてしまいましょう。 いつも同じ方法でコーディングしている人はバリエーションを増やしましょう ...

fonts

【CSS】Web制作には欠かせないGoogleフォントの使い方 

2024/3/28    ,

今回は、Google Fonts の使い方を紹介します。 それほど難しくありませんが、私が初めて使用した時、少しわかりづらかったので、 初心者さん向けに手順を紹介していきます。   目次 G ...

a-tag

【CSS】HTMLで作ったタグの文字色を変えない2つの方法 

2024/4/4    ,

<a>タグでリンクを作ったら文字の色が黒じゃない。 しかも下線まで付いている。 文字は黒でいいし、下線もいらない。 とお困りの方へ、<a>タグの文字色を変えない方法を2つ紹介し ...

moon

【CSS】画像を暗くして文字をめだたせる簡単テクニックをご紹介

2024/3/28    ,

今回は、画像を暗くする方法を紹介します。 下の画像のように、文字がいまいち目立たない・・・。 というときに使えます。 背景画像を暗くして、画像の上に載せた文字をきわだたせることができます。 さっそく見 ...

透明

背景だけ透過させるならrgbaを使おう opacityとの違いは?

2024/4/4    ,

CSSにだいぶ慣れてきて、opacityもパッと思い浮かぶようになってきたところ。   あれ、透過させる要素は背景だけでいいのに・・・・。 文字は透過させずくっきりさせたいけど、一体どうした ...

縦書き

【CSS】アルファベットを縦書きにする方法わかりやすく解説します

2024/4/4    

今回はアルファベットを縦書きにする方法です。 このようなテキストです。 WordPress 目次 CSSコード補足CSSコード ※htmlのコードは省略します。 .p{ writing-mode: v ...

© 2024 人生フリーハンド Powered by AFFINGER5