↓htmlの標準のテキストボックスは背景色が真っ白で入力できることがわかりにくいです。「テキストボックスをグレーにして入力できることがわかるようにしたい!」テキストボックスの色を変える方法を解説します。【背景色を変える】backgroundbackgroundは背景を指定するCSSです。これにカラーコードを指定すると指定した色になります。background【背景の指定方法】CSSにおいて背景を指定するには「background」プロパティを使います。backgroundでは主に5つのプロパティがあり、それらを説明します。この記事を読む背景色はグレーを使うことが多いです。「薄いグレーを使いたいけど名前なんだっけ?」グレーの名前とカラーコードの覚え方を解説します。この記事を読むCSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読む【枠線を変える】border標準の枠線は少し太いのと上左と右下で微妙に色が違っていてダサいです。borderを指定すると枠線を変えることができます。borderには線の太さ、種類、色を指定します。borderおよびborderに関連するCSSプロパティの種類一覧を実例とともに紹介します。この記事を読む【余白を増やす】paddingテキストボックスの余白がないと窮屈な印象を与えたり、そもそも押しづらいものです。paddingを指定すると枠線と文字の間の余白を取ることができます。値は上下、左右で指定できます。テキストには上下にスペースがあるため、左右の余白を多めにとるとバランスがよくなります。class="example3">【CSS】marginとは?paddingとは?両者の違い・使い分けについてmarginとpaddingはボックスの余白を調整するCSSです。marginとpaddingの使い方や違いについて説明します。この記事を読む【横幅を変える】widthwidthは横幅を指定するCSSです。class="example4">テキストボックスの横幅変更について詳しくはこちら↓html・CSSでinput(テキストボックス)のサイズ(幅)の変更方法inputのtextつまりテキストボックスは主にフォームで使われる入力項目です。html・CSSでinput(テキストボックス)のサイズ(幅)を変更する方法を解説します。【背景色を変える】background【枠線を変える】border【余白を増やす】padding【横幅を変える】width以上、テキストボックスの色を変える方法でした。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。