<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>a标签样式</title> <style media="screen"> .a1 { color: #000000; padding: 10px; text-decoration: none; font-size: 16px; background-color: #F8F8FF; } .a1:active { background-color: #bec3c6; } .a2 { background-color: #F1EFC7; color: #000000; padding: 10px; text-decoration: none; font-size: 16px; box-shadow: #666 0px 0px 6px; } .a2:active{ background-color: #bdbc9d; } </style> </head> <body> <a class="a1" href="#">登录</a> <a class="a2" href="#">登录</a> </body> </html>
引用：好看的a标签按钮样式