プログラミング

【プログラミング独学】HTML&CSS 8日目、背景色

プログラミング学習(HTML&CSS)をProgateで学習した内容を記録したものです

 

Progateでの学習と自分でリサーチしてわかったことをメモしています

 

今回はProgate演習8をやりました

 

背景色を変える

 

CSSに入力

 

background-color: #カラーコード;  で指定する

 

カラーコードは特に覚える必要なし

 

#dddddd などのように同じ文字が連続する場合は#dddと省略できる

 

横幅と高さを指定する

 

横幅  width:○○px; で指定

高さ  height:○○px; で指定

 

実際の記述

 

練習もかねて実際の記述をしてみます

stylesheet.css

h1 {

width: 500px;

height: 80px;

background-color: #9de8eaj;

}

img {

width: 500px;

height: 200px;

}

h1の幅と高さと背景色を指定

画像の幅と高さを指定

 

まとめ

 

背景色は

背景色は background-color: #カラーコード; で指定する

横幅は width: ○○px; で指定する

高さは height: ○○px; で指定する

 

段々プログラミングっぽくなってきました

 

スペルミスやコロン、セミコロンの打ち忘れが増えてきているので注意していこう

 

学習終わり

ブログランキングに参加中です。

応援よろしくお願いします。

ブログランキング・にほんブログ村へにほんブログ村

人気ブログランキング

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA