如何在html中的按钮下方添加水平1px白线

时间:2015-10-29 14:19:41

标签: html5 css3

如何在html5,css3

中悬停时在按钮下方显示一行

button below line

3 个答案:

答案 0 :(得分:2)

如果更改默认按钮css类,它将更改所有引导按钮。

.btn-default:hover {
    border-bottom: 1px solid black;
}

您可以轻松制作自己的css按钮课程。然后将它应用于几个按钮。

答案 1 :(得分:1)

您可以使用类在css中执行此操作。如果您的导航按钮有一个'导航按钮',您可以执行以下操作:

.nav-button:hover {
    border-bottom: 1px solid red; 
}

答案 2 :(得分:-1)

.nav-button:active {
    border-bottom: 10px solid rgb(255, 217, 0)!important;
}
.nav-button:visited {
    border-bottom: 10px solid rgb(255, 217, 0)!important;
}
.nav-button:hover {
    border-bottom: 10px solid rgb(255, 217, 0)!important;
}