用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...
用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
mengvlog 阅读 69 次 更新于 2025-12-18 01:02:02 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部