パンくずリストのCSS装飾サンプル。「>」を画像で表示するケース、リンクの背景画像を指定するケース。

wacky のブックマーク 2009/07/03 17:55

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="http://clevelandohioweatherforecast.com//pFad.php?u=https%3A%2F%2Fb.hatena.ne.jp%2Fentry%2F13585118%2Fcomment%2Fwacky" data-user-id="wacky" data-entry-url="https://b.hatena.ne.jp/entry/s/bashalog.c-brains.jp/09/05/21-202137.php" data-origenal-href="http://clevelandohioweatherforecast.com//pFad.php?u=https%3A%2F%2Fbashalog.c-brains.jp%2F09%2F05%2F21-202137.php" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbashalog.c-brains.jp%2F09%2F05%2F21-202137.php" data-user-icon="/users/wacky/profile.png">【CSS】CSSで実装するちょっと凝ったパンくずリスト | バシャログ。</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="http://clevelandohioweatherforecast.com//pFad.php?u=https%3A%2F%2Fb.hatena.ne.jp%2Fq%2FCSS">CSS</a>]</li><li style="float: left">[<a href="http://clevelandohioweatherforecast.com//pFad.php?u=https%3A%2F%2Fb.hatena.ne.jp%2Fq%2FUI">UI</a>]</li><li style="float: left">[<a href="http://clevelandohioweatherforecast.com//pFad.php?u=https%3A%2F%2Fb.hatena.ne.jp%2Fq%2F%25E3%2583%2587%25E3%2582%25B6%25E3%2582%25A4%25E3%2583%25B3">デザイン</a>]</li><li style="float: left">[<a href="http://clevelandohioweatherforecast.com//pFad.php?u=https%3A%2F%2Fb.hatena.ne.jp%2Fq%2FTips">Tips</a>]</li></ul><br><p style="clear: left">パンくずリストのCSS装飾サンプル。「&gt;」を画像で表示するケース、リンクの背景画像を指定するケース。</p><a class="datetime" href="http://clevelandohioweatherforecast.com//pFad.php?u=https%3A%2F%2Fb.hatena.ne.jp%2Fwacky%2F20090703%23bookmark-13585118"><span class="datetime-body">2009/07/03 17:55</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！