本文主要包含css,鼠标,悬浮,遮罩层等相关知识,佚名 希望在学习及工作中可以帮助到您
先来一个简单的实现方法：
效果图：
来个更高级点的：
}</p>
<p> </style>
</head>
<body>
<ul class="icon-lists">
<li class="box">
<i class="shadow"></i>
<i class="icon">A</i>
<div class="info">服装</div>
</li>
<li class="box">
<i class="shadow"></i>
<i class="icon">B</i>
<div class="info">鞋包</div>
</li>
<li class="box">
<i class="shadow"></i>
<i class="icon">C</i>
<div class="info">配饰</div>
</li>
<li class="box">
<i class="shadow"></i>
<i class="icon">D</i>
<div class="info">运动</div>
</li>
</ul>
</div>
</body>
</html>
效果图：
以上就是这篇文章的全部内容，希望对大家的学习和工作能带来一定的帮助。