Html 如何使菜单按钮看起来不像链接？

我有3个按钮在我的页面上，我想知道是否有一种方法，他们不被下划线和深蓝色的链接会。那么我如何使它不带下划线呢

CSS

---

您需要从

标记中删除默认css：

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

这回答了你的问题吗？我知道这是一个很简单的问题，但我对html和css还不熟悉，这对解决问题没有帮助。我们都得从某个地方开始！如果我的回答对你有帮助，请将其标记为已接受。
.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; }

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

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