看下这个按钮是怎么做的呢？_html/css_WEB-ITnose

回复讨论(解决方案)

<meta charset="UTF-8">
<title>页面名称</title><style type="text/css">.ad { 
width: 70px;
height: 30px;
text-align: center;
font-size: 16px;
line-height: 30px;
color: #fff;
background-color: #279ef5;
border-radius: 5px;
cursor:default;}.ad:hover {
background-color: #0a7dd3;}.ad:active {
color: #ff0000;
background-color: #61b8f8;}</style><div class="ad">按钮</div>

<meta charset="UTF-8">
<title>页面名称</title><style type="text/css">.ad { 
width: 70px;
height: 30px;
text-align: center;
font-size: 16px;
line-height: 30px;
color: #fff;
background-color: #279ef5;
border-radius: 5px;
cursor:default;}.ad:hover {
background-color: #0a7dd3;}.ad:active {
color: #ff0000;
background-color: #61b8f8;}</style><div class="ad">按钮</div>

<meta charset="UTF-8">
<title>页面名称</title><style type="text/css">.ad { 
width: 70px;
height: 30px;
text-align: center;
font-size: 16px;
line-height: 30px;
color: #fff;
background-color: #279ef5;
border-radius: 5px;
cursor:default;}.ad:hover {
background-color: #0a7dd3;}.ad:active {
color: #ff0000;
background-color: #61b8f8;}</style><div class="ad">按钮</div>