纯css实现导航处hot⼩图标实现
先上效果图：
纯css实现导航处hot⼩图标实现
css代码：
.shop{
position: relative;
}
.shop a:after{
background-color: red;
border-radius: 3px;
color: #fff;
content: "hot";
font-size: 10px;
line-height: 1;
padding: 1px 3px;
position: absolute;
right: -8px;
top: 10px;
}
代码控制区域：
纯css实现导航处hot⼩图标实现
⼀般情况下不少的这种⼩图标使⽤的⼩图⽚，这⾥直接写⼊css完全控制。其中hot字样可以改为其他⽂字，在css的content中修改。
css特效文字

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。