登录按钮的美化

<input type="submit" value="注册">

input[type='submit']{
width: 60px;
height: 30px;
/*边框*/
border: 2px solid #1B47A4;
/*圆角*/
border-radius: 10px;
/*背景渐变*/
background: -moz-linear-gradient(top, #2564EE, #225CD2);
background: -webkit-linear-gradient(top, #2564EE, #225CD2);
/*阴影*/
box-shadow: 0 0 10px #0F2B67, 0 3px 2px #327CFF inset;
font-size: 20px;
color: #fff;
/*文本阴影*/
text-shadow: 0 0 10px #12337A;
}

样式

 

转载于:https://www.cnblogs.com/97chen629/p/10693087.html