###前提・実現したいこと
ナビゲーションを作ってボタンを押したら文字の色が変わり下線がでてくるようにしたのですが、マウスを乗っけったときに上にナビゲーションが上に上がってしまう現象をなおしたいです。
###該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="shortcut icon" href="favicon.ico" type="icon/logo.jpg"> <link rel="apple-touch-icon" href="icon/logo.jpg"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript" src="slick/slick.min.js"></script> <title>農業サポートセンター</title> </head> <nav class="nav"> <ul class="nav__gNav flex"> <a href=""><li>事業一覧</li></a> <a href=""><li>企業説明</li></a> <a href=""><li>企業理念</li></a> <a href=""><li>企業情報</li></a> <a href=""><li>新着情報</li></a> <a href=""><li>お問い合わせ</li></a> </ul> </nav> </body> </html>
css
1.flex{ 2 display: flex; 3} 4.nav__gNav li { 5 margin: 0 10px; 6} 7.nav__gNav li { 8 padding: 1px 4px; 9 font-size: 1.7rem; 10} 11.nav__gNav a:hover { 12 color: #05562e; 13 border-bottom: 4px solid #05562e; 14}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/09 06:14