[分享]css中怎么加按钮链接

在CSS中，想要加入一个按钮链接其实非常简单。你只需要在HTML文件中添加一个a标签，并且给这个a标签加上一个class，然后在CSS文件中定义这个class的样式即可。假设我们的HTML文件中有如下...

在CSS中，想要加入一个按钮链接其实非常简单。你只需要在HTML文件中添加一个a标签，并且给这个a标签加上一个class，然后在CSS文件中定义这个class的样式即可。
假设我们的HTML文件中有如下代码：

<p>这是一个按钮链接：<a href="#" class="btn">点我！</a></p> 

那么在CSS文件中，我们就可以这样定义这个按钮链接的样式：

.btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.btn:hover {
    background-color: #0069d9;
} 

在这段CSS代码中，我们给.btn这个class定义了一些样式，其中包括：
- display: inline-block;：将这个链接变成块状元素，使得我们能够设置它的宽度和高度。
- padding: 10px 20px;：给这个链接添加了上下和左右各10像素的内边距。
- background-color: #007bff;：设置这个链接的背景颜色为蓝色。
- color: #fff;：设置链接文本颜色为白色。
- text-decoration: none;：去除链接的下划线。
- border-radius: 5px;：给链接添加一个5像素的圆角边框。
同时，我们还给.btn:hover这个class添加了一个:hover伪类，当鼠标悬停在这个链接上时，链接的背景颜色会变成深蓝色。
通过这样设定，我们就可以得到一个简单的、有样式的按钮链接啦！