株式会社アイネックスはソフトウェアの開発、ホームページの作成ツール企業です。

　　　　　横浜、東京に拠点を置き、検証システム／金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

galleria

03-16)　 1.　パンくずリストメニューを作る

　

パンくずﾘｽﾄを作る
ul要素でパンくずリストメニューを作成する。

ｃｓｓの書き方 /*-------------------------------------------------------
03-16 パンくずﾘｽﾄを作る
-------------------------------------------------------- */
.topic_573{
 width: auto;
 margin: 0 0 15px 20px;
 text-align: left;
}
.topic_573 li{
 display: inline;
 list-style-type: none;
 line-height: 2;
}
.topic_573 li a{
 padding: 0 10px 10px 0;
 background-image: url("../images/cafe_topickPath.gif");
 background-repeat: no-repeat;
 background-position: right center;
}
HTMLの使用例  <ul class="topic_573">
<li><a href="../index.html">ホーム</a></li>
<li><a href="index.html">css勉強室メニュー</a></li>
<li><a href="gari03-01.html">リンクの拡張</a></li>
<li>パンくずﾘｽﾄﾒﾆｭｰを作る</li>
</ul>