2020-5-15 10:30:35 文字链接特效(仿按钮) 让文字链接,像按钮一样,鼠标经过时候出现特效。 <style> A{ color: #000000; padding:5px; border: none; text-align: center; text-decoration: none; display: inline-block; margin: 2px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; font-size:12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } A:hover{ background-color: #000000; color:#FFFFFF; padding:5px; border: none; text-align: center; text-decoration: none; display: inline-block; font-size:14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 2px 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; border-radius: 6px; } </style> <a href="#"> 测试 </a>