- 2005年8月24日 08:45
- XHTML CSS
2009-02/26更新しました。
ソースコードを見直してボタン化の方法を変えました。CSSによる横並びメニューと同じ方法でボタン化しています。
マウス反応範囲が横まで広がったメニューのスタイル。
<ul class="globalNavi"> <li><a href="./">List1</a></li> <li><a href="./">List2</a></li> <li><a href="./">List3</a></li> <li><a href="./">List4</a></li> </ul>
class名、marginやcolorプロパティなどはサイトに合わせて適切に変更してください。
- Newer: CSS メニュー横並びボタン
- Older: バックリンク
Comments:6
- wu 2005年8月24日 11:52
何気に生徒の中にはBazookaでCSS勉強してる人がいたりする。授業より先に。
- wu 2005年8月24日 13:05
liのdisplay:inlineもそうだけど、aのposition: relativeとかの回避策って説明するの大変だなぁ・・・。
- Leo 2005年8月25日 23:17
授業より先にBazookaでCSS勉強した奴デス。
しかし自分のサイトでどんなに調節しても、Bazookaの文章の読みさすさには敵わない。うーむ。行間と字間、リキッドデザイン、グリッドデザイン。等等の話をしてるときのwuはカッコヨク、サトで熱く語ったのは忘れられません。
そんなこんなでもう僕ももうヒヨコ。がんばるぞー
- wu 2005年8月26日 14:42
WEBの話するとテンションあがるからねー!
- 通 2005年8月30日 20:08
めもメモ。
- らい 2008年10月30日 03:03
勉強になりました 本、是非買いたいと思います
Trackbacks:0
- TrackBack URL for this entry
- http://3ping.org/mt2/mt-tb.cgi/50
- Listed below are links to weblogs that reference
- CSS メニューボタン from 3ping.org
