鼠标经过样式练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> .niv{ height: 60px; background-color: #aaa; text-align: center; } a{ display: inline-block; width: 100px; height: 60px; text-decoration: none; color: #000; font-weight: 700; } a:hover{ background-color: #eee; text-decoration: underline; color: #f14400; } .public{ font-weight: 700; color: #f14400; } </style> <body> <div class="niv"> <a href="#" class="public">天猫</a> <a href="#" class="public">聚划算</a> <a href="#" class="public">聚划算</a> <a href="#" class="public">超市</a> <a href="#" class="box">头条</a> <a href="#">阿里旅行</a> <a href="#">电器城</a> <a href="#">淘抢购</a> <a href="#">苏宁易购</a> <a href="#">智能生活</a> </div> </body> </html>
时间: 2024-11-03 01:39:45