专注于外贸建站，分享WordPress建站和Elementor教程

如何在Elementor中添加圆角

更新日期：2020-08-26

要设置Elementor的小部件/元素块为圆角，请左键点击小部件后，在左侧找到Style/样式标签，其中的border radius属性便可以用于设置圆角。

如下图所示，我们在图像小部件上设置了边框半径/border radius属性。

sc1 - 如何在Elementor中添加圆角

您可以将属性设置为px或百分比（％）。

sc2 - 如何在Elementor中添加圆角

sc3 - 如何在Elementor中添加圆角

让我们尝试column/列的border radius属性。

左键点选列后，转到样式和边框以查看边框半径属性。

sc4 - 如何在Elementor中添加圆角

让我们尝试使用边框半径的悬停效果（hover）

sc5 - 如何在Elementor中添加圆角

下图便是具有边界半径悬停效果的列

sc6 - 如何在Elementor中添加圆角

声明：本文原文出自wpbuilt，由LOYSEO.COM翻译整理。

点赞

0

Your page rank:

教程分类

本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。

发表评论取消回复

相关教程

如何给Elementor的表单添加反垃圾验证（Google reCAPTCHA）

如何用Elementor Pro设计WooCommerce产品分类和产品标签侧边栏的样式

【视频】如何用Elementor Pro的Form元素制作联系表单

使用Elementor建站的常见问题答疑

如何用Elementor Pro制作弹出式产品询盘表单

如何高性价比的购买Elementor Pro与避坑

如何用Elementor制作WordPress网站的返回顶部按钮（3分钟解决）

Elementor Pro的许可证密钥可以更换绑定的域名吗？

9个最适合Elementor的免费主题【官方推荐】

如何使用Elementor Pro制作文章页面模板【视频】

我自用的建站资源

当你点击本站的链接购买它们，我会得到一些佣金，谢谢你们对我这位自由职业娃妈的支持，比心( •̀ ω •́ )y

Hi~当你点击本站中的主机、主题、插件的链接前往购买后，我将获取一些佣金，这是我撰写建站教程的主要收入~希望也能得到你的支持，比心( •̀ ω •́ )y

Copyright © LOYSEO.COM — 专注提供外贸网站建设 · 外贸建站 · 外贸网站制作与外贸建站教程