|
|
|
2021.08.12
テーマ：HTMLタグのお勉強(102)
カテゴリ：HTMLを知る
今回もcssに追加して、
自分が作成したhtmlを変えてみたいと思います。 cssシート（メモ）を開いてみましょう。 ↓ p{color:blue;} h1{color:white;} div{background-color:green;} ↑解説してみます。 p は、段落を青色にするというのは、前回やりました。 h1 は、h1の見出し部分を白色にします。 ここまでは、なんとなく簡単に理解できそうです。 div ですが、htmlの第１章の部分に追加しました。 私のhtmlを見てみましょう。 <body> <div> <h1>第１章</h1> <p>早速作ってみよう。</p> </div> <h2>その１</h2> <p>パソコンの電源を入れてみよう。</p> <img src= "pic/green.png"> 第１章早速作ってみよう。 という部分をボックスで囲うというようなイメージです。 cssシートに戻ると、 div{background-color:green;} 早速、cssと、htmlを保存して、と書いていますので、ボックスの色をグリーンで指定しました。 開いてみましょう。  ボックスの中の色がグリーンになりました。 h1の見出しは、白色になっています。 うまくいきました。 お気に入りの記事を「いいね！」で応援しよう
最終更新日
2021.08.12 21:57:18
コメント(0) | コメントを書く
[HTMLを知る] カテゴリの最新記事
|
