「CSSを使って塗りつぶしたいけど方法がよくわからない!」というあなたへdivの背景色を塗りつぶす方法を解説します。背景を塗りつぶす:background要素の背景色を塗りつぶすには背景色を指定するCSSであるbackgroundを設定します。CSSで背景塗りつぶし</div>backgroundにはカラーコードを指定します。カラーコードについて詳しくはこちら↓CSSでのカラーコード(色)の書き方Webサイトでは背景色、線の色、文字の色など色(カラーコード)を指定する場面が多々あります。色(カラーコード)の書き方を3つ紹介します。この記事を読むCSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読む線を塗りつぶす:border要素を囲んでいる枠線を塗りつぶす場合はborderを指定します。borderおよびborderに関連するCSSプロパティの種類一覧を実例とともに紹介します。<span>CSSで文字部分を塗りつぶし</span></div>文字部分だけ塗りつぶしたいなら文字をspanで囲み、それにbackgroundで背景色を指定します。inline-blockを指定しpaddingで調整しましょう。背景を塗りつぶす:background線を塗りつぶす:border文字部分だけ塗りつぶす:spanで囲んでbackground以上、divの背景色を塗りつぶす方法でした。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。