云官网建站 选项卡模块样式设置原创

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

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

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

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