HTML/CSS– category –
-
CSSで背景色を付ける方法(background-color)
本記事では、CSSで背景色を付けるbackground-colorプロパティの使い方について解説しています。 背景色を付ける方法 CSSで背景色を付けるには、background-colorプロパティを使います。 /* キーワード指定 */ div { background-color:red; } /* 16進数指定... -
【CSS】文字・テキストの色を変える方法(color)
本記事では、HTMLで表示されている文字・テキストの色を変える方法について解説しています。 文字の色を変える HTMLで表示しているテキストの色を変更する場合、CSSのcolorプロパティを使います。 p{ color:値; } colorプロパティに設定できる値について見... -
【HTML】pタグ内にdivタグなどのブロック要素は入れられない
HTMLでよく使われるpタグですが、実はpタグ内にdivタグなどのブロック要素を入れると意図しない挙動になります。 本記事では、pタグ内にdivタグなどのブロック要素入れた時どのような挙動をするのか解説しています。 pタグ内にdivタグを入れてみる 実際にp... -
【HTML/CSS】ul liタグで表示される点(・)を削除する方法
本記事では、HTMLのliタグでデフォルト表示される点(・)を削除する方法について解説しています。 liタグで表示される点を削除する liタグで表示される点を削除する方法はとても簡単で、liタグに対して「list-style:none」を設定し、ulタグに対して「paddin... -
【HTML】テキストにルビ(ふりがな)を振る方法
本記事では、HTMLで表示させているテキストにルビ(ふりがな)を振る方法について解説しています。 ルビ(ふりがな)を振る方法 テキストにふりがなを振るには、<ruby>タグと<rt>タグを使います。 <ruby> 鮪<rt>まぐろ</tr> <... -
【CSS】テキストを縦書きにする方法
本記事では、通常横書きで表示されるテキストをCSSを使って縦書きにする方法について解説しています。 テキストを縦書きにする方法 テキストを縦書きにする方法はとても簡単で、writing-modeプロパティを使います。このwriting-modeプロパティとは、テキス... -
【CSS】text-align:centerが効かない原因と対処法
本記事では、CSSのtext-align:centerが上手く適用されず中央寄せされない原因と対処法について解説しています。 原因1：インライン要素に適用させている 原因の1つ目は、text-align:centerをインライン要素に適用させていることです。これが一番text-align... -
HTML/CSSの学習におすすめの勉強本と動画
おすすめ参考書 先輩！HTML/CSSの学習でおすすめの本を教えてください！ 了解！僕がおすすめする本について紹介していくね！ 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 出版社SBクリエイティブ著者Mana発売日2019/3/16ページ数280ページ本... -
【CSS】親要素よりも子要素の幅を広げる方法
本記事では、CSSを使って親要素よりも子要素の幅を広げる方法について解説します。 このテクニックを覚えることで、わざわざ親要素から外して幅を指定する必要がなくなりコードがシンプルで見やすくなります。 完成形を確認しよう 完成形の形を見ることで... -
【CSS】aタグの下線を消す方法と色を変更する方法
本記事では、aタグを使った時にデフォルトで表示される下線を消す方法と下線の種類・色を変更する方法について解説しています。 text-decorationプロパティ aタグの下線を消すまたはカスタマイズするにはtext-decorationプロパティを使います。 text-decor...
