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