Java script を学習するのに必要ですので、HTMLのサンプルとCSSを作ってみました。
＜HTML＞
<!DOCTYPE html>
<html lang="ja">
<head>
<link rel="stylesheet" type="text/css" href="./css/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0,user-scalable=yes" />
<title>HTMLのテスト</title>
</head>
<body>
<header>ヘッダー</header>
<div class="main">
<div class="contentA">
左カラムの本文がここに入る
</div>
<div class="contentB">
右カラムの本文がここに入る
</div>
</div>
<footer>フッター</footer>
</body>
</html>
＜CSS＞
header{background: #ff838b;}
.contentA{background: #b3d874;}
.contentB{background: #6fb5ff;}
footer{background: #ffce5b;}
.contentA{
width: 70%;
}
.contentB{
width: 50%:
/* height: 100px; */
}
.main{
display: flex;
}
コメント