HTML示例代码:

<li><a href="/dede/plus/9389.html" target="_blank" class="thumb_xiaok" title="织梦一键生成微信小程序插件">
<img src="/uploads/210117/1-21011G3230D34.jpg" alt="织梦一键生成微信小程序插件">
</a>
    <span class="tipss">站长亲测</span> <!--直接用在这个加在你的实际项目中,最下面是用到的css样式-->
<h2 class="title"><a href="/dede/plus/9389.html" target="_blank" title="织梦一键生成微信小程序插件">织梦一键生成微信小程序插件</a></h2>
<div class="jym-list-data">
<div class="jym-list-data-time">
<i class="fa fa-tag"></i>织梦插件&nbsp;&nbsp;
<i class="fa fa-clock-o"></i><a>2021-01-17</a>
<i class="fa fa-eye"></i><a>69</a>
</div>
</div>
</li>

用的CSS样式:
<style>
.tipss{

position: absolute;
 top: 10px;
 right: -50px;
 z-index: 1;
 width: 150px;
 height: 30px;
 background: #c30404;
 color: #fff;
 line-height: 30px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 text-align: center;
 font-size: 12px;
}
</style>
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
相关文章推荐
Top