a标签按钮样式

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>

a {
    display:inline-block;
    margin:0px 0px 5px 5px;
    padding:6px 8px;
    font-size:14px;
    outline:none;
    text-align:center;
    width:50px;
    line-height:30px;
    cursor: pointer;
}

a.btn_a:hover {
    color:white;
    background-color:rgba(0,64,156,.8);
}

a.btn_b:hover {
    color:white;
    background-color:rgba(255,0,0,.8);
}

style>
head>
<body>
<div>

<a class="btn_a">回复a>


<br/><br/><br/>


<a class="btn_b">删除a>

 

div>

body>
html>

 

转载于:https://www.cnblogs.com/firstForEver/p/4468403.html

你可能感兴趣的:(a标签按钮样式)