bodhisrabaのプロフィール
- ベストアンサー数
- 1
- ベストアンサー率
- 100%
- お礼率
- 0%
- 登録日2007/06/20
- CSSボーダーの設定(横並びボタンの間にだけボーダーを)
教えてください。 横並びのナビボタンを作成したのですが、ボタンが隣接する箇所だけにボーダーを設定することは可能なのでしょうか。 左だけ指定しますと、右端のボタンの右の線がなく、左端のボタンには左に線がでて、バランスが悪いです。 左右に指定すれば、合間だけ線が太くなります。 かつ、現在ページ(リンクなし)ボタンは、下の線は設定なしで、他ページへのボタン(リンクのあるページへのナビボタン)は下部に線を入れてます。 以下は「左」のみの指定、hover時の下部線を設定しています。 よろしくご指導お願い申し上げます。 ul#lc_navi{ margin: 0px; font-size: 12px; font-weight: bold; color: #646464; list-style-type:none; width:754; } ul#lc_navi li{ display:block; float: left; width: 150px; height:22px; list-style-type: none; text-align: center; font-weight: bold; line-height:20px; color: #646464; background-color:#FFFFFF; } ul#lc_navi a{ width:150px; height:22px; text-decoration:none; color: #646464; background-color:#E9C3F6; border-bottom: solid; border-width:1px; } ul#lc_navi a:hover{ background-position:top center; text-decoration:underline; color: #646464; background-color:#E1F9FA; }
- ベストアンサー
- デザイナー・クリエイティブ職
- ilareira2
- 回答数1