How do i make my menu buttons not look like links?

Question

I have 3 buttons on my page and i was wondering if there is a way for them to not be underlined and dark blue like a link would be. so how do i make it not underlined?see what i mean here

 <div class="menu">
        <ul>
            <li class="logo"> <a href="TributePage.html"> <img src="images/logo.png"></a></li>
            <li><a href="TributePage.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="albums.html">Albums</a></li>
            
         </ul>
     </div>

.menu ul{ 
display: inline-flex; 
margin: 50px; 
font-family: 'Staatliches', cursive; 
font-size: 25px; 
} 
.menu ul li{ 
list-style: none; 
margin: 0 20px; 
color: #1385d6;
cursor: pointer; }

Does this answer your question? [Remove stubborn underline from link](https://stackoverflow.com/questions/2789703/remove-stubborn-underline-from-link) — shreyasm-dev, Oct 16 '20 at 19:36

score 2 · Accepted Answer · answered Oct 16 '20 at 19:36

2

CSS

.menu ul li a {
  text-decoration: none;
  color: (whatever you want that isn't purple/blue)
}

answered Oct 16 '20 at 19:36

Adam Specker

425
3
14

ty bro i know this was probs very simple but im new to html and css this helps alot – omke Oct 16 '20 at 23:56
No problem. We all had to start somewhere! Please mark my answer as accepted if it helped you. – Adam Specker Oct 17 '20 at 00:10

score 0 · Answer 2 · answered Oct 16 '20 at 19:39

0

You need to remove default css from a tag:

.menu ul li a, .menu ul li a:hover, .menu ul li a:focus{
  text-decoration: none;
  color: pink; 
}

answered Oct 16 '20 at 19:39

MaxiGui

6,190
4
16
33

How do i make my menu buttons not look like links?

2 Answers2