<!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>