网页制作HTML荧光效果小特效素材
程序员文章站
2022-07-02 19:40:24
HTML荧光效果荧光灯效果
HTML荧光效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>荧光灯效果</title>
</head>
<body>
<div id="menu">
<a href="#">Home</a>
<a href="#">Contact</a>
<a href="#">Web Dev</a>
<a href="#">Web Design</a>
<a href="#">Map</a>
</div>
</body>
<style>
#menu{
font-family: Arial;
font-size: 14px;
font-weight: bold;
width: 120px;
padding: 8px;
background: #000;
margin: 0 auto;
border: 1px solid #ccc;
}
#menu a,#menu a:visited{
display: block;
padding: 4px 8px;
color: #ccc;
text-decoration: none;
border-top: 8px solid #060;
}
#menu a:hover{
color: #FF0;
border-top: 8px solid #0E0;
}
</style>
</html>
本文地址：https://blog.csdn.net/qq_46658914/article/details/107459236