0から目指すWebマスター Web制作に関する備忘録
検索

CSS

リスト「画像」とナビゲーション「横」編

xhtmlソース
<div>
<ul><!--
-->
<li><img alt="navi1" /></li><!--
-->
<li><img alt="navi2" /></li><!--
-->
<li><img alt="navi3" /></li><!--
-->
<li><img alt="navi4" /></li><!--
-->
<li><img alt="navi5" /></li><!--
-->
</ul>
</div>

CSSソース
div{
width:○○px;
}
ul{
list-style:none;
margin:0;
padding:0;
}
li{
display:inline;
margin:0;
padding:0;
}

横並びの画像ナビゲーション作成時のポイント