を作るにはどうしたらいいんでしょうか？
（一番下だけ└で、それまでは├）
■ 目次
├はじめに
├研究の目的
├研究の方法
├結果の提示と考察
└まとめ
No.1
72
3
35pt
「├」や「└」は文書構造としては必要ないと思うので画像化し li 要素などの背景画像に指定するというのはどうでしょうか。
仮に「├」は list.gif で「└」は list_end.gif とします。
620
616
<h2>目次</h2>
<ul>
<li>はじめに</li>
<li>研究の目的</li>
<li>研究の方法</li>
<li>結果の提示と考察</li>
<li class="end">まとめ</li>
</ul>
li {
list-style-type: none;
margin: 0 0 0 20px;
background-image: url("list.gif");
background-repeat: no-repeat;
}
li.end {
background-image: url("list_end.gif");
}
No.2
2915301
35pt
http://www.tohoho-web.com/css/reference.htm
CSS2では以下のような方法が可能なのだけど、ブラウザの実装状況はまだ追いついていないですね。
IE6 は×
FireFox2.0 は○
IE7、Opera等は未確認
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<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>マーカー</title>
<style>
li { list-style-type: none; }
li:before { display: marker; content: "├"; }
li.end:before { display: marker; content: "└"; }
</style>
</head>
<body>
<ul>
<li>あ</li>
<li>い</li>
<li>う</li>
<li>え</li>
<li class="end">お</li>
</ul>
</body>
</html>
ありがとうございます。
そういう方法もあるんですね。
ブラウザの実装状況が追いついてきたら
便利そう…
1
1
ありがとうございます。
画像にしてしまうという方法もあるのですね。
サイズを間違えないようにしないといけないのが
難しそうですが、これなら私にでもできそうです。