我添加了显示:内联块;并尝试过list-style:none;。但是,没有任何效果。我会很感激。
HTML:
<nav class="navbar navbar-light" style="background-color: white; position: fixed; top: 0; width:
100%; height: 70px; ">
<a href = "index.html">
<h3 id = "title" style="color: #0099ff;">
Student Sources
</h3>
</a>
<a href = "stuff.html">
<button id = "stuff" style="margin-right: 900px; display:inline-block;">
Articles/Presentations
</button>
</a>
<a href = "aboutus.html">
<button id = "aboutus" style="display:inline-block; float: right;a">
About Us
</button>
</a>
<!-- Navbar content -->
</nav>
CSS:
.navbar navbar-expand-lg navbar-light bg-light{
background-color: blue;
color: blue;
}
#topics{
}
a,a:hover,a:focus {
text-decoration: none;
}
#title{
transition-duration: .1s;
}
#title:hover{
text-decoration: underline;
text-decoration-color: #FFAE00;
}
#stuff{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
background-color: white;
color: #0097CF;
border-style: none;
margin-right: 800px;
margin-bottom: 0px;
color: #0091AE;
transition-duration: .1s;
}
#stuff:hover{
border-style: solid;
border-color: #FFAE00;
}
#aboutus{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
background-color: white;
color: #0097CF;
border-style: none;
margin-right: 800px;
margin-bottom: 0px;
color: #0091AE;
transition-duration: .1s;
}
#aboutus:hover{
border-style: solid;
border-color: #FFAE00;
}
如果有人自动说以前已经回答过这个问题,那将非常令人沮丧。我试图寻找答案,但是它不起作用。