<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo导航</title> <style> li{ list-style: none; } a{ text-decoration: none; } a:link,a:visited{ color: #00bfff; } a:hover,a:focus,a:active{ color: red; } </style> </head> <body> <!-- 发现一个问题:就是当li里的a标签hover时,里面的文字会发生抖动,原因未明 --> <h3>Here are some demos:</h3> <ul> <li><a href="chapter7.html">Chapter 7:Image Gallery</a></li> <li><a href="chapter8.html">Chapter 8</a></li> <li><a href="chapter9.html">Chapter 9</a></li> </ul> </body> </html>
没发现抖动0.0
一周热门 更多>