代码之家  ›  专栏  ›  技术社区  ›  ภาวัต หมีนิ่ม

如何创建这样的环绕导航箭头的圆圈?

  •  0
  • ภาวัต หมีนิ่ม  · 技术社区  · 3 月前

    我如何在WordPress中创建这样的环绕导航箭头的设置或代码 screenshot of navigation arrows


    我试图在WordPress的自定义CSS中添加一些CSS代码,但它不起作用,我正在寻找任何设置,但我找不到。 这就是我能做的。 screenshot of navigation arrows

    1 回复  |  直到 3 月前
        1
  •  0
  •   tacoshy    3 月前

    你真正需要的只是 border-radius: 100% 使按钮变圆。处的图标可以与flexbox水平和垂直居中。

    button {
      display: flex;
      font-size: 2em;
      color: white;
      width: 2.5em;
      height: 2.5em;
      justify-content: center;
      align-items: center;
      background-color: brown;
      border-radius: 100%;
      border: none;
    }
    <button>&lt</button>