如何制作好看的手风琴设计效果

想要好看的电脑网站手风琴设计效果吗？这样的：

或者这样的？

进入电脑版网站开始编辑吧~

一、添加手风琴模块

点击模块面板中，找到排版-手风琴：

点击即可添加，也可以拖动到想要的位置再添加。

二、编辑手风琴模块

1. 基本编辑：切换初始或悬停添加模块

   1）点击切换初始或悬停，可以编辑初始状态、鼠标悬停区域的悬停状态效果。

   2）点击模块面板拖动模块进来，或者点击添加模块按钮，选择模块也可直接添加到手风琴中。

   

2. 添加或删除列：

   在列工具栏上可以点击添加列，在该列右侧新增一列。

   点击删除，则可删除当前列。

   

3. 设置样式：

   1）点击设置样式，可以对列进行选中编辑：

   

   2）可以对选中列的初始与悬停分别设置背景：

   

   3）可以对列的更多设置做自定义编辑：

   

4. 设置默认的悬停展开列：

   可设置列为默认展开的列，在网站打开后，当前列会为悬停展开的效果。默认是首个列为默认展开列，也可以根据需要如设置居中的列为默认展开。

三、批量编辑提高效率：

1. 复制列：

   可以编辑好一个列后，复制设计好的列。再删除不需要的空白列。快速做批量编辑。

   

2.根据图片背景编辑列：

可以编辑好列的个数、宽高度后，通过添加图片背景，根据图片尺寸上传设计好的图，即可快速制作：

图片尺寸可在添加图片的弹窗中获取推荐尺寸：