HTML/CSS– category –

本記事では、CSSで背景色を付けるbackground-colorプロパティの使い方について解説しています。 【背景色を付ける方法】 CSSで背景色を付けるには、background-colorプロパティを使います。 /* キーワード指定 */ div { background-color:red; } /* 16進数...

本記事では、HTMLで表示されている文字・テキストの色を変える方法について解説しています。 【文字の色を変える】 HTMLで表示しているテキストの色を変更する場合、CSSのcolorプロパティを使います。 p{ color:値; } colorプロパティに設定できる値につい...

HTMLでよく使われるpタグですが、実はpタグ内にdivタグなどのブロック要素を入れると意図しない挙動になります。 本記事では、pタグ内にdivタグなどのブロック要素入れた時どのような挙動をするのか解説しています。 【pタグ内にdivタグを入れてみる】 実...

本記事では、HTMLのliタグでデフォルト表示される点(・)を削除する方法について解説しています。 【liタグで表示される点を削除する】 liタグで表示される点を削除する方法はとても簡単で、liタグに対して「list-style:none」を設定し、ulタグに対して「pa...

本記事では、HTMLで表示させているテキストにルビ(ふりがな)を振る方法について解説しています。 【ルビ(ふりがな)を振る方法】 テキストにふりがなを振るには、<ruby>タグと<rt>タグを使います。 <ruby> 鮪<rt>まぐろ</tr>...

本記事では、通常横書きで表示されるテキストをCSSを使って縦書きにする方法について解説しています。 【テキストを縦書きにする方法】 テキストを縦書きにする方法はとても簡単で、writing-modeプロパティを使います。このwriting-modeプロパティとは、テ...

本記事では、CSSのtext-align:centerが上手く適用されず中央寄せされない原因と対処法について解説しています。 【原因1：インライン要素に適用させている】 原因の1つ目は、text-align:centerをインライン要素に適用させていることです。これが一番text-a...

【おすすめ参考書】 先輩！HTML/CSSの学習でおすすめの本を教えてください！ 了解！僕がおすすめする本について紹介していくね！ 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 出版社SBクリエイティブ著者Mana発売日2019/3/16ページ数280ペー...

本記事では、CSSを使って親要素よりも子要素の幅を広げる方法について解説します。 このテクニックを覚えることで、わざわざ親要素から外して幅を指定する必要がなくなりコードがシンプルで見やすくなります。 【完成形を確認しよう】 完成形の形を見るこ...

本記事では、aタグを使った時にデフォルトで表示される下線を消す方法と下線の種類・色を変更する方法について解説しています。 【text-decorationプロパティ】 aタグの下線を消すまたはカスタマイズするにはtext-decorationプロパティを使います。 text-d...