您的位置 >>> 星想互联 >>> 课堂教学 >>> 教学案例
2018级计应专业仿360影视图片版权CSS代码
点击数:704  发布时间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>
来源:咸宁网站建设