background-repeat プロパティーに no-repeat を指定すると、背景画像が繰り返されずに1枚だけ表示されるようになります。
また、このサンプルでは文章が読みやすくなるように、背景が白いdiv要素でページ内のコンテンツを囲っています。
background-repeat プロパティーに no-repeat を指定すると、背景画像が繰り返されずに1枚だけ表示されるようになります。
また、このサンプルでは文章が読みやすくなるように、背景が白いdiv要素でページ内のコンテンツを囲っています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>左上に画像を1つ置く</title>
<style type="text/css">
<!--
body { background-color: rgb(106, 138, 237);
background-image: url(back016-2.jpg);
background-repeat: no-repeat; }
#main { color: black; background-color: white;
margin-left: 150px; padding: 0.5em; }
-->
</style>
</head>
<body>
<div id="main">
<p>
background-repeat プロパティーに no-repeat を指定すると、背景画像が繰り返されずに1枚だけ表示されるようになります。</p>
<p>
また、このサンプルでは文章が読みやすくなるように、背景が白いdiv要素でページ内のコンテンツを囲っています。
</p>
</div>
</body>
</html>