当前位置： 移动技术网 > IT编程>网页制作>HTML > 网页制作HTML荧光效果小特效素材

网页制作HTML荧光效果小特效素材

2020年07月22日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网