element中的横线_如何使用Elementor的分隔线功能

Elementor编辑器的分隔线就是Html5代码中的

---

标签，常见于页面设计和文章撰写过程中的内容分隔。因为该元素的自定义定制化功能设置项目较少，所以本篇文章会显得比较短小精悍。好了，话不多说我们来看一下 如何使用Elementor的分隔线功能 。

第一步：将分隔线元素添加到页面内容编辑版块

在Elementor编辑器中找到“分隔线”元素，然后用鼠标左键点击之后不松开，拖动到上图箭头2所指的内容编辑版块，然后再松开鼠标左键。这样你就成功的将分隔线元素添加到了内容编辑版块，接下来就等着我们进行相关的配置操作了。

第二步：Elementor编辑器的分隔线元素主体功能配置

“样式”：这里的样式指的是分隔线的具体效果，Elementor编辑器内置了很多种分隔线的样式，传统习惯下我们一般使用的是实线或者虚线作为分隔线，那么接下来，Jack老师带同学们看一下还有哪些分隔线样式可供我们选择，如下图所示：

怎么样，是不是很多我们都没有接触到过？有了这些丰富的分隔线元素样式，我们就可以为自己的页面设计做一些独特的效果，让我们的网站更加的独特和个性化！

“宽度”：指的是内容编辑版块中的分隔线占整个内容编辑版块的宽度百分比。默认状态下是100%，同学们可以根据自己的需求自定义设置这个宽度比值。

“对齐”：就是字面意思，默认状态下因为分隔线的100%全宽，