高さと幅と背景の色
高さと幅と背景の色
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- 背景の色を変える
- 横幅と高さを変える
CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。
背景の色を変える
背景の色をかえるには、”background-color”を用いて
色の指定を行います。
HTMLファイル
<h1>これはh1ファイルです。<h1>
<p>これはpファイルです。</p>
CSSファイル
h1 {
color: #ff0000;←文字の色を変更
font-size:10px;←文字のサイズを変更
font-family:serif←文字のフォントを変更
background-color:#dddddd;←文字の背景を変更
}
p {
color: #ff0000;←文字の色を変更
font-size:10px;←文字のサイズを変更
font-family:serif←文字のフォントを変更
background-color:#ffd800;←文字の背景を変更
}
横幅と高さを変える
背景や写真や画像の横幅と立幅を変更するには
横幅を”width”
高さを”height”を使用し
”px”で数値を指定します。
HTMLファイル
<h1>これはh1ファイルです。<h1>
<img src=”https://papakatsusho.hatenablog.com/">
このURLはテストで使用しています。
CSSファイル
h1 {
color: #ff0000;←文字の色を変更
font-size:10px;←文字のサイズを変更
font-family:serif←文字のフォントを変更
width:500px;←横幅を指定する
height:80px;←高さを指定する
background-color:#dddddd;←文字の背景を変更
}
img {
width:500px←横幅を指定する
height:200px←高さを指定する
}
毎日少しづつ頑張ろう!!