ホームページ >ウェブフロントエンド >htmlチュートリアル >マウスをロールオーバーしても色が変わらない理由をすべての神様に尋ねたいと思います~_html/css_WEB-ITnose

マウスをロールオーバーしても色が変わらない理由をすべての神様に尋ねたいと思います~_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:09:351336ブラウズ

html代码:














  • aaaa

  • bbbb

  • cccc

  • dddd





1111









.tab_main{
width:400px;
/*tab;タグ */
#ch_tab{

}
.ch_ul_tab{
width:560px;
border-bottom:1px ソリッドグレー
}
.ch_ul_tab li{
width:70px; 5ピクセル;
フロート:left;
margin-left:20px;
border-top:1px ソリッドグレー
ボーダー- right:1px 無地のグレー

}
/*タブラベルの内容*/
クリア:両方;
高さ:364px;
背景:黄色; -bottom:1px 真っ白
}





ディスカッションへの返信 (解決策)

TAB ラベルの緑を黄色に変更したいです

このスタイルでは:
.ch_ul_tab li{
width:70px ;
高さ: 25px;
リストスタイル: 20px;
背景: 1px 境界線; :1px ソリッド グレー;
border-right:1px ソリッド グレー;

}
背景:green; を削除すると、単純に色を変更できます (上記のスタイルに、background: yellow; を追加しているようです)。間違ってああ!
.ch_ul_tab li.active{
背景:黄色;

ボーダーボトム: 1ピクセル ソリッドホワイト

} ++正解
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。