Buttons | ZstarPanda0210 rare chicken 24

Buttonsrare chicken1 个文件更新于 2026-04-06
html共 23 行
<button id="btn-message" class="button-message">
  <div class="content-avatar">
    <div class="status-user"></div>
    <div class="avatar">
      <svg
        class="user-img"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 24 24"
      >
        <path
          d="M12,12.5c-3.04,0-5.5,1.73-5.5,3.5s2.46,3.5,5.5,3.5,5.5-1.73,5.5-3.5-2.46-3.5-5.5-3.5Zm0-.5c1.66,0,3-1.34,3-3s-1.34-3-3-3-3,1.34-3,3,1.34,3,3,3Z"
        ></path>
      </svg>
    </div>
  </div>
  <div class="notice-content">
    <div class="username">Jessica Sanders</div>
    <div class="lable-message">
      Message<span class="number-message">3</span>
    </div>
    <div class="user-id">@jessisanders</div>
  </div>
</button>

登录后可以查看完整源码、在线编辑并实时预览运行效果。