随手敲的前台页面

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
   div{
       width: 80%;
       height: 500px;

       margin: 50px auto;
       overflow: hidden;
       }
       div img{
           cursor: pointer;
           transition: all 0.9s;
       }
       div img:hover{
           transform: scale(1.2);
       }

   img{
       opacity:0.7;
       filter:alpha(opacity=30);
       border: 15px solid red;
   }
   img[alt]:hover{
        opacity:1.0;
        filter:alpha(opacity=100);
        border: 15px solid red;
        border-radius:60px
   }
   img:hover{
       opacity:1.0;
       filter:alpha(opacity=100);
       border: 15px solid #2f435b;border-radius:60px
   }

   hr:hover{
        border: 100px solid red;
   }
   h1{
       font-family:Arial,Verdana,Sans-serif
   }
</style>
</head>
<body>

      <hr style="border-style:dotted;" width="15px" size="20px" color="#2f435b" align="center">

   <h1 align="center">个人空间</h1>



     <hr width="15px" size="20px" color="#2f435b" style="dotted" align="center">
<div align="center">
   <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=236825396,3596662711&fm=117&gp=0.jpg" alt="wdls" title="小老鼠-我家的！">

   <script>
   for(var i=100 ; i--;){
   document.write(" ");
   }
   </script>
   <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=236825396,3596662711&fm=117&gp=0.jpg" title="我家的-我家的！">
   </div>
</body>
</html>

随手敲的前台页面

猜你喜欢