如何像这样围绕导航箭头创建圆圈？

Question

如何在 WordPress 中创建像这样围绕导航箭头的圆圈，设置或代码是什么 [在此处输入图像描述] (https://i.sstatic.net/j59ySJFd.png)

我正在尝试在 WordPress 中的自定义 CSS 中添加一些 CSS 代码，但它不起作用，我正在寻找任何相关设置，但我找不到。 这就是我能做的。

Answer 1

您真正需要的只是

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>