雪碧图例子

来源：互联网发布：github for windows 编辑：程序博客网时间：2024/04/30 00:05
<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title>雪碧图案例</title>    <style>      html,body{          padding: 0;          margin: 0;          font-family: "Microsoft Yahei", "微软雅黑";          background-color: #ECEEF1;      }      .main_right{          margin: 25% 50%;      }      .toreg {          display: block;          background: url(images/xuebiimg.png) no-repeat;          width: 120px;          height: 40px;          background-position: 0 -0px;          margin-bottom: 20px;      }      .toreg:hover {          display: block;          background: url(images/xuebiimg.png) no-repeat;          width: 120px;          height: 40px;          background-position: 0 -40px;      }        .weibo{            display: block;            background: url(images/xuebiimg.png) no-repeat;            width: 120px;            height: 40px;            background-position: 0 -80px;        }      .weibo:hover {          display: block;          background: url(images/xuebiimg.png) no-repeat;          width: 120px;          height: 40px;          background-position: 0 -120px;      }    </style></head><body><div class="main_right">    <a href="###" class="toreg"></a>    <a href="###" class="weibo"></a></div></body></html>
0 0