<ul>タグでのリストの使い方

質問

こんばんわ。
すみません。リストをCSSで体裁を整え、ここまでできましたが、各リストの下に、ラインの画像を入れたいのですが、うまくいきません。。
画像を入れるやり方を教えてください～

<tr>
<td>

<div class="abc">
<ul>
<li><a href="#">2004/--/--<br>
○○○○</a></li>
<li><a href="#">2004/--/--<br>
○○○○</a></li>
<li><a href="#">2004/08/10<br>
○○○○</a></li>
</ul>
</div>

</td>
</tr>

回答No.3

itochanda · ベストアンサー

li 要素に対して 背景を指定してしまえばいいと思います。
liの中のa要素 は、背景透過させてください。
２行（brが入ってる）なので、文字のサイズ、行の高さの指定をお忘れなく。

お礼

どうもありがとうございました！
違う方法でできました！

回答No.2

morubi

#1です。すみません、質問内容良く見て無かったです。
ご質問の内容は、ノートのように罫線と文字を表示したい、と言う事ですか？

<div class="abc">がラインの画像の設定でしょうか。多分画像がズレてしまうって事ですよね。なぜ、どういう風に、とご質問に記載されていないので勘違いしました。では、リストタグを使わず、テーブルで組んだ方が良いのでは？その方が美しく表示されますよ。

回答No.1

morubi

すみません、各リストの下に、って■や●になる部分を画像にしたいって事ですか？
（察するに当り、更新履歴みたいなもんでしょうかね。）CSSでリストの設定を作りましょう。

.list{ ist-style-image:url(img/画像.gif); }

で、HTMLで<ul>か<li>にCSSかけます。
ご質問のイメージと違ったらごめんなさい。

参考URL：

http://tohoho.wakusei.ne.jp/css/reference.htm#list-style-image