分割线

笔记:

分割线控件可以用来添加风格化的水平线来给您的网页内容分区域。

您可以选择具有精美样式效果的标准线条,也可以从各种图标分隔线条中进行选择以增强设计效果。

您还可以在分隔线之前、之后或中间添加文本或图标。

将分割线控件添加到页面

您可以在控件面板/通用中找到分割线控件,用鼠标拖动将此控件添加到表单设计器。

内容

  1. 样式 – 设置分割线的样式:实线、点线、虚线、双线
  2. 宽度 – 设置分割线的宽度,可设置为0~100%的百分比或设置为具体数值(px)
  3. 对齐 – 设置分割线的对齐方式:左对齐、右对齐、或居中对齐
  4. 添加元素 –可设置为无、文本或图标。选择文本或图标时,您可以输入想要包含的文本内容或从图标库中选择一个图标。

样式

  1. 颜色 – 设置分割线的颜色
  2. 粗细 – 设置分割线的粗细,数值范围为0-10
  3. 间距 –设置分割线上方和下方的间距,数值范围为0-50

文本

  1. 颜色 – 设置文本颜色
  2. 排版 – 设置文本的排版:字体、尺寸、粗细、转换、装饰、行高、字间距等
  3. 位置 –设置文本相对于分割线的位置
  4. 间距 –设置文本和分割线之间的间距,数值范围为0-50

图标

图标有3种视图:默认、堆叠、带框,每种视图具有不同的设置项

  • 默认视图
  1. 尺寸 – 设置图标大小
  2. 主要颜色 – 设置图标颜色
  3. 位置 – 设置图标相对于分割线的位置
  4. 间距 – 设置图标和分割线之间的间距,数值范围为0-50
  5. 旋转 – 设置图标的旋转度数,数值范围为0-360
  • 堆叠视图
  1. 尺寸 – 设置图标大小
  2. 间距 – 设置图标的内边距,数值范围为0-100
  3. 主要颜色 – 设置图标的背景颜色
  4. 次要颜色 – 设置图标的颜色
  5. 位置 – 设置图标相对于分割线的位置
  6. 间距  –设置图标和分割线之间的间距,数值范围为0-50
  7. 旋转 –设置图标的旋转度数,数值范围为0-360
  8. 边框半径 –设置图标背景的的半径,用以实现图标的圆角
  • 带框视图
  1. 尺寸 – 设置图标大小
  2. 间距 – 设置图标的内边距,数值范围为0-100
  3. 主要颜色 –设置边框颜色
  4. 次要颜色 – 设置图标的颜色
  5. 位置  –设置图标相对于分割线的位置
  6. 间距  –设置图标和分割线之间的间距,数值范围为0-50
  7. 旋转  设置图标的旋转度数,数值范围为0-360
  8. 边框宽度  – 设置边框的宽度
  9. 边框半径  –设置边框的背景

高级设置

该控件的高级设置



				
			
Updated on 2022年7月4日

Was this article helpful?

Related Articles