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）
    还没有评论，快来抢沙发吧！
文章标签： 网页织梦文章加图片代码列表右上角角标示例

随机推荐

广告：
抢抢抢！本站注册邀请码限时领。
相关文章推荐

关于本站 免责声明 付费服务 广告服务 联系我们 常见问题 获取邀请码 织梦仿站标签在线生成器 听一听歌曲

© 2019-2020 WWW.520YM.NET 代码日记 All Rights Reserved. 陕ICP备20005778号-1 Powered by DedeCMS 网站地图 XML网站地图 客服邮箱>>点我快速发邮件

关注公众号
及时获取资源
Top