云官网建站 图文模块样式教程原创

1单图文拈设置。本期通过参考网站的图文拈进行演示讲解。进入网站后台添加区域布局，并选择添加图文拈。选择适合的风格，将拈拖动到区域布局中。鼠标右键设置拈位置和高宽比例并保存。鼠标右键选择图片，选中已上传的图片。右键设置拈属性，输入标题和简介并保存。关闭拈悬停胶效果，设置悬停位置居中。进入样式设置，选择标题和简介的字号，并靠左对齐。设置鼠标经过悬浮背景的色值和透明度并保存。

开启悬停交互效果并保存预览效果已生效。结合参考样式，还需要设置文本左下边距效果。拈悬浮背景默认样式，修改上下左右内边距并保存。预览网站悬停样式效果以同参考网站一致。返回网站，切换到平板端拈的位置和高度。设置拈悬浮背景上内边距，让标题显示并保存。切换到手机端，设置悬浮背景的上下左右内边距。设置简介的左内边距，让标题和简介左对齐并保存。开启悬停交互效果并保存。

阅览网站悬停效果已生效。返回电脑端，右键复制拈并右键选择粘贴。分别设置拈电脑、平板、手机端位置并保存。阅览网站设置已生效。2多图文拈设置。通过参考网站的图文拈进行演示讲解。添加区域布局并保存。打开左侧菜单，添加图文组合拈。拖动拈到区域布局中。双击图文拈选择已上传好的图片并保存。右键设置修改图片尺寸以及显示数量的。

设置拈位置并保存。设置图文的标题、简介、按钮名称并保存。设置拈整体背景色以及上下左右内边距。为整体设置圆角并保存。为图片设置一个黄色边框并保存。设置标题和简介的字号，行高银色。设置按钮，背景色、高度、文本颜色、圆角并保存。选择设置鼠标经过按钮的背景色，并保存预览。返回编辑，将鼠标经过按钮的边框消除并保存预览。

切换到平板端，调整图片尺寸、标题、字号等并保存。切换到手机端，调整图片内边距字号档并保存。阅览网站、电脑、平板、手机端所有设置已生效。