準備課題CSS　7,8

CSS

[CSS]準備課題CSS　7,8
　
【CSS07】背景画像を設定（水平方向に繰り返し）page design

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css"/>
<title>背景画像ー水平方向</title>
<style type="text/css">
<!--
body{
	background-image:url("image/horizontal.jpg ");
	background-repeat: repeat-x;
}
h1{
	font-size:24px;
	color:#6495ed;
}

-->
</style>
</head>
<body>
<h1>Page Design</h1>
</body>
</html>

【CSS08】背景画像を設定（垂直方向に繰り返し）

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-type" content="text/css"/>
<title>背景画像ー垂直</title>
<style type="text/css">
<!--
body{
	background-image:url("image/vertikal.jpg");
	background-repeat: repeat-y;
}
h1{
	font-size:24px;
	color:#ffffff;
}
-->
</style>
</head>
<body>
<h1>Page Design</h1>
</body>
</html>