想要在网站上设置选项卡样式，方便做内容展示的切换，怎么做？来看这个实操视频吧原创

一制作第一个选项。根据参考制作选项切换显示不同的产品分类效果。进入网站后台，确定产品分类和产品已添加上传。进入网站编辑，拖动选项卡模块到区域布局中。右键设置选项卡，调整模块的位置和大小并保存。设置选项卡属性，修改选项名称。建议只保留两个选项，先制作样式。设置选项显示风格、对齐方式、切换样式。选择标签样式，关闭左右箭头，切换并保存。设置选项卡样式，设置标签、背景色、字号、内边距。

设置，选中标签的背景色和文字颜色。设置内容、区域、背景色并保存。为第一个选项添加产品列表模块。鼠标右键设置产品列表的位置和大小。勾选列表显示的分类、显示内容等。设置列表显示的产品总数每行数量封面图比例。设置产品列表，指向到产品详情页并保存。设置鼠标经过产品标题，文字为绿色并保存。调整区域高度并保存一览，整体效果已生效。刷新页面，切换到平板端，设置选项卡的位置。

设置产品列表每行显示数量以及区域高度，并保存。切换到手机端，设置选项卡位置。设置选项卡标签的字号、行高、内边距，并确定。设置产品列表每行显示数量，调整选项高度并保存。返回电脑端，删除第二个空白选项并保存。二复制并修改选项内容，复制已制作好的第一个选项并保存刷新页面。修改复制好的选项名称并保存。设置选项2的产品列表，勾选需显示的产品分类并保存。重复之前的复制和修改步骤并保存。

预览网站、电脑、平板、手机的选项卡效果已生效。