<style>
#ta {
height:1000px;
width:auto;
padding: 100px;
background: #eee;
}
#tada {width:600px;height:850px;background:#fff;margin:0px auto;box-shadow: 9px 10px 13px 0px #AFAFAF;}
#datou {width:auto;height:80px;background:#00aaee;padding: 10px;}
#daimg {height:80px;width:80px;background:#fff;border-radius: 50%; float: left;}
#daimg img {height:80px;width:80px;
-webkit-border-radius: 110px;
border-radius: 110px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;
}
#daimg img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
#dawz{ margin-top: 25px; float: right;}
#dawz li { float:left;color: #fff;margin: 10px; list-style:none; padding:0px;}
#dawz li a {color:#fff;list-style:none;text-decoration:none; }
#dawz li a:hover {
color:#fff;
padding-bottom: 10px;
padding-top: 10px;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
transition: color 0.35s ease 0s;
-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer
}
#taz{}
#taz ul {width: 90%;margin: 0px auto;}
#taz li { height: 125px;width: 125px;overflow: hidden; float: left;margin:5px;}
#taz li img { height: 125px;width: 125px;opacity:1.0;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
#taz li img:hover {opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
#tass {
width: 98%;
height: 30px;
border: 0;
background-color: #ddd;
border-radius: 50px;
margin: 10px 5px;
text-align: center;
}
#tass:hover {
background-color: #f5f5f5;
-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer
}
</style>
<div id="ta">
<div id="tada">
<div id="datou">
<div id="daimg"><img src="https://www.qqmcc.net/data/attachment/album/202310/09/115614n4qohoffu4yloozh.jpg.thumb.jpg" border="0" alt="" style="max-width:400px"></div>
<div id="dawz">
<ul>
<li> <a href="#">首页</a></li>
<li><a href="#">头像</a></li>
<li><a href="#">个签网名</a></li>
<li><a href="#">好友</a></li>
<li><a href="#">留言</a></li>
<li><a href="#">关于我</a></li>
</ul></div>
</div>
<div id="taz">
<div>
<form method="get" action="http://blog.iliyang.cn/">
<input type="text" id="tass" name="s" placeholder="搜一搜"><br><br>
</form>
</div>
<ul>
<li><img src="https://www.qqmcc.net/data/attachment/album/202310/09/115614z1c4tc2bgq2bxbic.jpg.thumb.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px"></li>
<li><img src="https://www.qqmcc.net/data/attachment/album/202310/09/115614wh6vu6pt6j6bfufv.jpg.thumb.jpg" border="0" alt="" style="max-width:400px"></li></ul>
</div>
</div>
</div>
页:
1
[2]