テーブルの背景を右下に表示させるには

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： 匿名熱望 ： 2005/07/12 15:36
初めまして。
テーブルの背景画像をただ単に設定する方法はわかるのですが、
背景画像をテーブルの右下に表示させる方法がわかりません。

そういうタグがあったら教えてください。お願いします。
1   名前： カヅサツ ： 2005/07/12 15:36  ［URL］
> そういうタグがあったら教えてください。

残念ながら「タグ」はありません。
CSS の background-position および background-repeat をご利用下さい。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
table{
background-image: url("{背景にしたい画像ファイルのURL}");
background-position: 100% 100%;
background-repeat: no-repeat;
border-collapse: collapse;
width: 30%;
margin: 0px auto 0px auto;
}
table,th,td{
border-width: 1px;
border-style: solid;
border-color: red;
}
th,td{
line-height: 1.4;
padding: 0px 5px;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>品目</th><th>価格</th>
</tr>
</thead>
<tbody>
<tr>
<th>りんご</th><td>100円</td>
</tr>
<tr>
<th>みかん</th><td>80円</td>
</tr>
</tbody>
</table>
</body>
</html>
2   名前： 匿名熱望 ： 2005/07/12 15:36
できました。
ありがとうございました。
一覧へ戻る