<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

總結

以上是生活随笔為你收集整理的登录按钮的美化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。