html - 菜单导航栏

Question

是否有任何方法可以使单词下方的条自动调整到其下方单词的宽度，而我不必为我制作的任何菜单项上传特定大小的条？谢谢

Answer 1

看起来它可能只是链接的边框底部。这是一个JSFiddle。

<a href="#">Portfolio</a>
<a href="#">Blog</a>

和

#footer a {
    border-bottom: 1px solid white;
}

Answer 2

您应该使用边框：

.menu a { 
   /* additional styling... */
   border-bottom: 1px solid #FFF; 
}

Answer 3

Also you could use background images positioned at the bottom of each menu item.

.menu a{
background:url(path/to/image.jpg) repeat-x bottom;
}