.button{ width: 160px; height: 46px; font-size: 24px; color: white; background-color: #fa4657; border-radius: 23px; text-align: center; line-height: 46px; cursor: pointer;}.button:hover{ opacity: .8;}or.button{ width: 160px; height...
用css写一个简单的按钮
.button{ width: 160px; height: 46px; font-size: 24px; color: white; background-color: #fa4657; border-radius: 23px; text-align: center; line-height: 46px; cursor: pointer;}.button:hover{ opacity: .8;}or.button{ width: 160px; height: 46px; font-size: 24px; color: white; background-color: #fa4657; border-radius: 23px; cursor: pointer; outline: none;}.button:hover{ opacity: .8;}<div class="button">Go</div>or<button class="button">Go</button>2018-11-22
button{ width:70px; height:30px; color:#fff; text-align: center; background-color:#c00; color:#fff; line-height: 28px; border-radius:15px; border:0; outline: 0; transition: background 0.2s } button:hover{ background:#666}<button>Go</button>2018-11-22