2018级计应专业仿360影视图片版权CSS代码
点击数:2500 发布时间2018-03-20 09:10:03
|
<html>
|
|
<head>
|
|
<style>
|
|
ul,li{list-style:none;}
|
|
li{float:left;width:240px;margin:0 10px 30px 0}
|
|
a{display:block;text-decoration:none;color:#333;}
|
|
a:hover{color:red;}
|
|
img{width:240px;height:180px;margin: 0 0 10px 0;}
|
|
a.tt{color:#999;}
|
|
a:hover.tt{color:green;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<ul>
|
|
<li>
|
|
<img src="1.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="" class="tt">影响力别想</a>
|
|
</li>
|
|
|
|
<li>
|
|
<img src="2.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="" class="tt">影响力别想</a>
|
|
</li>
|
|
|
|
<li>
|
|
<img src="3.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="" class="tt">影响力别想</a>
|
|
</li>
|
|
|
|
<li>
|
|
<img src="4.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="" class="tt">影响力别想</a>
|
|
</li>
|
|
|
|
<li>
|
|
<img src="5.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="">影响力别想</a>
|
|
</li>
|
|
|
|
<li>
|
|
<img src="6.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="" class="tt">影响力别想</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
<img src="7.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="" class="tt">影响力别想</a>
|
|
</li>
|
|
|
|
<li>
|
|
<img src="8.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="">影响力别想</a>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<img src="9.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="" class="tt">影响力别想</a>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<img src="10.jpg">
|
|
<a href="">果味进伺服电机</a>
|
|
<a href="" class="tt">影响力别想</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</body>
|
|
</html>
|