index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>複数要素の配置</title>
<link rel="stylesheet" type="text/css" href="base.css">
</head>
<body>
<p class="size backr fontb">box1</p>
<p class="size backb fontr">box2</p>
</body>
</html>
base.css
@charset "UTF-8";
.size{
width: 500px;
height: 300px;
font-size: 40px;
}
.fontr{
color: red;
}
.fontb{
color: blue;
}
.backr{
background-color: red;
}
.backb{
background-color: blue;
}
↧