横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
ページ送りメニューを作る
ページ送り画面の作成を行なう。
cssの書き方 |
/*-------------------------------------------------- 03-15 ページ送りメニューを作る --------------------------------------------------- */ #navi_580{ width:auto; } #navi_580 ul{ margin: 0 0 0 10px; } #navi_580 li{ display: inline; list-style-type: none; line-height: 1.2; } #navi_580 li span.active{ width: 30px; padding: 3px 6px; border: 1px solid #2F2120; background-color: #2F2120; color: #FFFFFF; } #navi_580 li a{ width: 30px; text-decoration: none; padding: 3px 6px; border: 1px solid #2F2120; } #navi_580 li a:link { color: #2F2120; } #navi_580 li a:visited { color: #2F2120; } #navi_580 li a:hover { color: #2F2120; background-color: #8E9D18;} #navi_580 li a:active { color: #2F2120; background-color: #8E9D18;} |
---|---|
HTMLの使用例 |
<ul id="navi_580"> <li><a href="#">前へ</a></li> <li><a href="#">1</a></li> <li><span class="active">2</span></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">次へ</a></li> </ul> |