横幅・高さを変える
各要素の横幅や高さを変えたいときは
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;
}
