Archive

パンくずリスト自分的解答

以上、二点を踏まえていじった結果。

以下追記。

ソース。

HTML
<ol id="topic-path">
<li><a href="http://clockwork.under.jp/">monologue</a></li>
<li><a href="http://clockwork.under.jp/stories/other/">OtherStories</a></li>
<li>チャイルドメイカー</li>
</ol>
CSS
#topic-path {
background:#eee;
font-size:smaller;
padding:0.5em 1em;
text-align:right;
word-spacing:0.5em;
}
#topic-path li {
display:inline;
font-weight:bold;
}
#topic-path li + li:before {
content:"> ";
}
#topic-path li a {
border:none;
text-decoration:none;
}
#topic-path li a:link {
color:#576;
}
#topic-path li a:visited {
color:#354;
}
#topic-path li a:hover,
#topic-path li a:active {
color:#798;
}

ぐだぐだ。おやすみなさい。

Comments

Trackback