菜单导航栏

Question

是否有任何方法可以让单词下方的条形自动调整到它所在单词的宽度，而我必须上传特定大小的条形图以供我制作的菜单项？感谢

Answer 1

你应该使用border：

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

Answer 2

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

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

和

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

Answer 3

您还可以使用位于每个菜单项底部的背景图像。

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