如何使用 CSS 创建文本按钮？

在本文中，我们将了解如何使用 CSS 创建文本按钮。

文本按钮是一个看起来是文本的按钮，但如果我们按下它，它就会充当按钮。 文本按钮与锚标记不同，即使它们看起来相似。为了首先创建文本按钮，我们使用按钮标签在 HTML 中创建简单的按钮。创建按钮后，我们应用 CSS 并更改其属性，使其看起来像一个文本按钮。为了使它看起来像一个文本按钮，我们删除了它的默认边框和背景。为了识别它是一个按钮，我们给了悬停颜色，当我们将光标移到它上面时，它的颜色从透明变为绿色。

句法：

#textButton{
       background:none; 
       border:none;     
}
#textButton:hover{
       background-color: green;
}

示例：下面演示了上述方法。我们创建了一个 HTML 文件，并使用 id 为“textButton”的按钮标签创建了一个名为“GeeksforGeeks”的按钮。之后，我们创建了一个样式标签，在该标签中我们使用其 id 选择了该按钮，并通过将其设置为 none 来删除其背景和边框属性。我们添加了悬停背景颜色，以便用户可以识别我们的按钮。

HTML

Welcome To GFG
 
Text buttons using css
  
    
      GeeksforGeeks
    
    
  
  

输出：

使用 CSS 的文本按钮