電線の画像

Pointgets.net

写真やサンプルプログラムなど、日々の気になった出来事をメモしてる個人的なブログです。

パンくずリストのCSSを生成

スタイルシートを使用して、パンくずリストの大なり不等号(GREATER-THAN SIGN)を出力しました。

<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	 "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Untitled Document</title>
<style type="text/css">
<!-- 
ol{
	display:block;
}
ol li{
	display:inline;
	list-style-type:none;
}
ol li:not(:first-child):before{
	content:" > ";
}
 -->
</style>
</head>
<body>
<ol>
<li>Home</li>
<li>Category</li>
<li>Perl</li>
</ol>
</body>
</html>

サンプルコードです。

出力結果です。

スポンサードリンク
スポンサードリンク