背景画像の表示、プロパティの組み合わせ例
ソース例 ページ中央で横方向に繰り返し表示する<html>
<head>
<title>ページ中央で横方向に繰り返し表示する</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body style="background-image:url(cat.gif); background-repeat:repeat-x; background-position:50%">
<h1>背景画像が中央で横方向に繰り返し表示されています。</h1>
<br><br>
<a href="http://www.homepagesakusei.biz/">ホームページ作成、HTML</a><br>
Webサイト版<a href="http://www.homepagecreation.net/" target="_blank">ホームページ作成とHTML</a>
</body>
</html>
表示はこちら
ソース例 ページ中央で縦方向に繰り返し固定する
<html>
<head>
<title>ページ中央で縦方向に繰り返し固定する</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body style="background-image:url(cat.gif); background-repeat:repeat-y; background-attachment:fixed; background-position:50%">
<table height="1000">
<tr><td>
<h1>背景画像が中央で縦方向に繰り返し固定されて表示されています。</h1>
</td></tr>
</table>
<br><br>
<a href="http://www.homepagesakusei.biz/">ホームページ作成、HTML</a><br>
Webサイト版<a href="http://www.homepagecreation.net/" target="_blank">ホームページ作成とHTML</a>
</body>
</html>
表示はこちら
2006年05月06日