在網頁的導航欄中,CSS的設計起著至關重要的作用。在CSS中設置nav的方法如下:
nav { background-color: #222; height: 50px; display: flex; justify-content: center; align-items: center; } nav a { color: white; margin: 0 20px; text-decoration: none; font-size: 18px; } nav a:hover { border-bottom: 2px solid white; }
首先,我們定義了導航欄的背景顏色、高度、并采用了display: flex來水平居中對齊其中的元素。在nav a中,我們定義了鏈接文本的顏色、留白、文本裝飾和字體大小。在nav a:hover中,我們增加了鼠標懸停時鏈接底部的白色下劃線效果,提高了用戶體驗。
通過以上設置,我們可以在CSS中輕松地打造出符合自己需求的優美導航欄。
下一篇indexof php