原先用的置顶是很简约的,标题前直接加[置顶]两字,看久了有点腻。

<span style="color:red">[置顶]</span>

闲逛论坛的时候,看到论坛的置顶是一个和印章一样的图,扒下来引用一下。

<div id="threadstamp">
  <img src="你的图片路径" title="置顶"></div>

加个样式让图衬于文字底部,调了一下位置就算大功告成了!

#threadstamp {
    position: relative;
    width: 100%;
    height: 0;
    overflow: visible;
}

#threadstamp img {
    position: absolute;
    top: -30px;  z-index:-1;
}

示例效果如下图:
QQ截图20240107154018.png