2 回答
慕勒3428872
TA贡献1848条经验 获得超6个赞
碰巧我有点空
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.btn{
position: relative;
width: 100px;
height: 30px;
line-height: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: none;
color: #fff;
background:-moz-linear-gradient(top, rgba(12,134,220,1), rgba(126, 219, 250,1));
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(12,134,220,1)), to(rgba(126, 219, 250,1)));
background:-o-linear-gradient(top, rgba(12,134,220,1), rgba(126, 219, 250,1));
text-indent: 20px;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.btn:before{
content: '';
display: block;
width: 80px;
height: 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: absolute;
top: 2px;
right: 10px;
background-color: rgba(255,255,255,.5);
}
</style>
</head>
<body>
<button class="btn" >登录</button>
</body>
</html>
要自适应就改成rem就完事了
添加回答
举报
0/150
提交
取消