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

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

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

1 回复 | 直到 1 年前

tacoshy 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>

推荐文章

Marcin Budzy · Twenty 24 Wordpess主题的子菜单隐藏在图库下方(响应式灯箱和图库)(Wordpress)

1 年前

Cairan Van Rooyen · 为什么我的Grafana iframe不会显示在我的Wordpress网站上?

1 年前

Eiman Maghfouri · woocommerce _可购买的编辑挂钩

1 年前

OÄuz Erdem · chrome浏览器和iOS safari浏览器的页脚行为不同

1 年前

JapeNZ · 通过自定义cron作业函数向WooCommerce产品添加产品标签

1 年前

Mohammed Malleck · 在WooCommerce管理员编辑订单页面中隐藏客户IP地址

1 年前

Javad Hamashbouri · 不显示ajax警报

1 年前

Eduardo Relax · 如何获取WooCommerce产品类别url以在HTML元标记中显示?

1 年前

Stamp · 自定义字段未显示在WordPress REST API响应中

1 年前

pawan19 · WordPress的Nginx设置:面临301重定向问题

1 年前