(020)layout_滑动门
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>a_slidergate.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <style type="text/css"> a {display:block; height:37px; line-height:37px; text-align:center; font-size:14px; text-decoration:none; font-weight:bold; color:#d84700; background:url(../image/slidergate.gif) no-repeat 0 0; float:left; margin:5px; padding-left:18px;} a span {display:block; background:url(../image/slidergate.gif) no-repeat right 0; padding-right:20px;} a:hover {background:url(../image/slidergate.gif) no-repeat 0 -37px;} a:hover span {background:url(../image/slidergate.gif) no-repeat right -37px;} </style> </head> <body> <a href="#"><span>免费注册</span></a> <a href="#"><span>登录</span></a> <a href="#"><span>在淘宝</span></a> </body> </html>
***万事万物都有裂痕,那是光照进来的地方***