84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、どのように実現すればよいでしょうか?これ？
HTML と CSS コードを簡単に検査できるように、コードペンに小さな例を追加しました。
すべてのリスト要素をヘッダーと同じ高さにすればいいと思います。
リーリー リーリー
タイトルの高さを固定でき、ナビゲーション バー項目の高さも固定できます。 また、ホバーすると li 要素が移動するという問題があります。また、要素に常に透明色の境界線を追加して、ホバー時に要素全体の高さが変わらないようにすることで、この問題を解決することもできます。
これは修正されたCSSです
https://codepen.io/swarajgk/pen/JjZewPo?editors=1100
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
すべてのリスト要素をヘッダーと同じ高さにすればいいと思います。
＃＃＃このような：-＃＃＃リーリー リーリー
タイトルの高さを固定でき、ナビゲーション バー項目の高さも固定できます。 また、ホバーすると li 要素が移動するという問題があります。また、要素に常に透明色の境界線を追加して、ホバー時に要素全体の高さが変わらないようにすることで、この問題を解決することもできます。
これは修正されたCSSです
リーリーhttps://codepen.io/swarajgk/pen/JjZewPo?editors=1100