css中怎么做按钮 |css同一页面两个链接

/* 先定义一下按钮的样式 */
.button {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #337ab7;
border: 2px solid #2e6da4;
border-radius: 5px;
}
/* 鼠标悬浮时的样式 */
.button:hover {
background-color: #286090;
border-color: #204d74;
}
/* 按钮按下时的样式 */
.button:active {
background-color: #204d74;
border-color: #122b40;
}

以上代码中，大家先定义了一个.button类，它包含了按钮的基本样式，包括了字体大小、字重、内边距、颜色等。大家使用了border属性定义了按钮的边框，并设置了border-radius属性来使边角更加圆润。接下来，大家针对鼠标悬浮和按钮按下时的状态，分别定义了它们的样式，使按钮在交互中能有更好的体验。

最后，大家可以将这个按钮应用到HTML代码中：

<a href="#" class="button">立即注册</a>

使用以上代码，大家就可以在网页中看到一个样式漂亮的按钮。当然，这只是一个简单的示例，大家可以根据自己的需要来调整按钮的样式。