📝 代码查看
使用runcode.html页面

1
查看次数
2025-11-18
创建时间
2025-11-18
最后更新
<div class="popover">
  <div class="triangle bottom-triangle"></div>
  <div class="triangle top-triangle"></div>
  车辆管理
</div>

  body {
    background: #34425D;
  }
  .popover{
    padding: 10px 24px;
    color: #FFF;
    width: 200px;
    background: #11172D;
    border: 1px solid #3DFEEA;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    position: relative;
    /* width:300px; padding:30px 20px; border:5px solid #beceeb; position:relative; */
  }
  .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
  }
  .bottom-triangle {
    left: 40px;
    border-width: 6px;
    top: -12px;
    border-color: transparent transparent #3DFEEA transparent;
  }
  .top-triangle {
    left: 41px;
    border-width: 5px;
    top:-9px;
    border-color: transparent transparent #11172D transparent;
  }
暂无JavaScript代码

👁️ 实时预览