<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>高光导航</title>
<style type="text/css">
*{ margin:0; padding:0; list-style:none;}
#ul1 li{ float:left;}
#ul1 a{ display:inline-block; padding:30px 20px; color:#fff; text-decoration:none; background:-webkit-radial-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.4)); }
#ul1 a:hover{ background:-webkit-radial-gradient(rgba(255,255,255,0.3), rgba(255,255,255, 0.6));}
</style>
</head>
<body>
<ul id="ul1">
<li style="background:#63F;"><a href="javascript:;">首页</a></li>
<li style="background:#F33;"><a href="javascript:;">联系我们</a></li>
<li style="background:#06C;"><a href="javascript:;">公司简介</a></li>
<li style="background:#969;"><a href="javascript:;">团队展示</a></li>
</ul>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文字模糊</title>
<style type="text/css">
*{ margin:0; padding:0; list-style:none;}
body{ font-weight:bold; background:#000; font-size:30px; color:#fff;}
p{ text-shadow:0 0 0 #fff; color:rgba(0,0,0,0);}
p:hover{ text-shadow:0 0 5px #fff;}
</style>
</head>
<body>
<p>智能社是一家！</p>
</body>
</html>
时间： 2024-09-29 23:46:10