W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div {background-color: green;} div a { text-decoration: none; color: white; font-size: 20px; padding: 15px; display:inline-block; } ul { display: inline; margin: 0; padding: 0; } ul li {display: inline-block;} ul li:hover {background: #555;} ul li:hover ul {display: block;} ul li ul { position: absolute; width: 200px; display: none; } ul li ul li { background: #555; display: block; } ul li ul li a {display:block !important;} ul li ul li:hover {background: #666;} </style> </head> <body> <div> <a href="#">无用的链接</a> <ul> <li> <a href="#">下拉链接</a> <ul> <li><a href="#">链接 1</a></li> <li><a href="#">链接 2</a></li> <li><a href="#">链接 3</a></li> </ul> </li> </ul> </div> </body> </html>