div+css实现图片右上角hot、new等图标样

摘要

方法：用DIV+CSS实现
CSS部分修改:

.hot_play{ position:relative;}
.hot_play ul{ float:left;}
.hot_play li{ float:left; position:relative; width:95px; margin:4px 19px 16px 0;overflow:hidden;}

.hot_play a img...

当前字体大小 15px

12px 50px

方法：用DIV+CSS实现
CSS部分修改:

.hot_play{ position:relative;}
.hot_play ul{ float:left;}
.hot_play li{ float:left; position:relative; width:95px; margin:4px 19px 16px 0;overflow:hidden;}

.hot_play a img{ width:86px; height:120px; padding:2px; border:1px solid #cfcfcf;}
.hot_play a:hover img{ border-color:#8ECFF9;}
.hot_play span{display:block; width:35px; height:34px;position:absolute; left:0px; top:0px;}
.hot_play span.back{ background:url(images/hot.gif) no-repeat

主页部分修改:

<div class="hot_play">
<ul>
<li>
<a href="/"><img src="/" alt="/"></a>
<span class="back"></span>
</li>
</ul>
</div>

📱 扫码关注公众号

扫描二维码关注我们，获取更多精彩内容
实时更新 · 干货满满