プログラミング

HTML&CSSを学ぼう#10 フォント背景を変える | AtelierAPOLLO

横幅・高さを変える

各要素の横幅や高さを変えたいときは

width:
height:

を使います

width:横幅

height:高さ

たとえば、

 

h1 {
  width: 500px;
  height: 80px;
  background-color: #9de8ea;
}

のように指定します

サンプル

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="stylesheet10.css">
    <title>横・高さを変える</title>
  </head>
  <body>
    <h1>これはh1です</h1>
    <img src="./photo/sample10.jpg">
  </body>
</html>

CSS

 

h1 {
  width: 500px;
  height: 80px;
  background-color: #9de8ea;
}
imag {
  width: 500px;
  height: 200px;
}