<style> .button { background: #c62d1f; background-image: -webkit-linear-gradient(top, #c62d1f, #f24437); background-image: -moz-linear-gradient(top, #c62d1f, #f24437); background-image: -ms-linear-gradient(top, #c62d1f, #f24437); background-image: -o-linear-gradient(top, #c62d1f, #f24437); background-image: linear-gradient(to bottom, #c62d1f, #f24437); -webkit-border-radius: 18; -moz-border-radius: 18; border-radius: 18px; text-shadow: 0px 1px 0px #810e05; -webkit-box-shadow: 3px 4px 0px 0px #8a2a21; -moz-box-shadow: 3px 4px 0px 0px #8a2a21; box-shadow: 3px 4px 0px 0px #8a2a21; font-family: Arial; color: #ffffff; font-size: 44px; padding: 12px 30px 12px 30px; border: solid #d02718 1px; text-decoration: none; } .button:hover { color: #ffffff; background: #f24437; text-decoration: none; } .button1 { background: #599bb3; background-image: -webkit-linear-gradient(top, #599bb3, #408c99); background-image: -moz-linear-gradient(top, #599bb3, #408c99); background-image: -ms-linear-gradient(top, #599bb3, #408c99); background-image: -o-linear-gradient(top, #599bb3, #408c99); background-image: linear-gradient(to bottom, #599bb3, #408c99); -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; text-shadow: 0px 1px 0px #3d768a; -webkit-box-shadow: 0px 10px 14px -7px #276873; -moz-box-shadow: 0px 10px 14px -7px #276873; box-shadow: 0px 10px 14px -7px #276873; font-family: Arial; color: #ffffff; font-size: 44px; padding: 12px 30px 12px 30px; text-decoration: none; margin:0 100px 0 100px; } .button1:hover { color: #ffffff; background: #408c99; text-decoration: none; } </style> <div style ="margin-top:15px"></div> <div style ="margin:0 auto; width:950px; height:100px;"> <input onclick="window.open('http://www.baidu.com','_blank');" type="button" class="button" value="点击注册"> <input onclick="window.open('http://www.baidu.com','_blank');" class="button1" type="button" value="点击登录"> <input onclick="location.href='tencent://message/?uin=11865';" class="button" type="button" value="联系客服"> </div> |
标签: