网站元素示例

布局 (layout)

容器 (Container)

容器,用来放各种布局和元素的地方,图像、文字等,都可以放

Add Your Heading Text Here

网格:如图所示,像整齐排列的格子一样。每个格子可以放不同的图片、按钮等基本元素。网格可以调整格子的宽、高与行、列的数量,以及与表格类似的顶端对齐或居中对齐。

基本元素 (Basic)

标题 (Heading)

这就是标题,可以改文字大小、颜色、靠左居中靠右对齐,本标题还加了阴影

这个 标题加了描边

图像,大小不超过50 M,可以调整大小,可以加链接。

这是文本,可以加删除线、分割线↓


改变颜色加粗斜体下划线

改为引述格式

左对齐

居中

右对齐

ξ特殊字符、加链接

无序列表:

  • 无序行1
  • 无序行2
  • 无序行3…

有序列表:

  1. 有序行1
  2. 有序行2
  3. 有序行3…

视频,可以上传大小不超过50M的视频。

可以设置是否自动播放、是否静音、是否循环、是否显示下载按钮,还可以设置视频的封面。

一个醒目的按钮,可以放链接与提示文字,比如左侧的”Link”为文字,点击即可跳转链接 “fyslab.top”。按钮可以调整大小颜色与对齐方式等,可以添加icon图标,需svg格式。

是一条分割线,可以使各区域划分更明显。可以调线宽、颜色、分割距离。

一段空白的间隔。用于分割。可以调整间隔宽度。

一个小小的图标,svg格式的任意图标。可以改颜色、大小、旋转角度,可以添加链接。

General

Image Box

This is the heading

ImageBox,包含图像、标题与文字解释。

This is the heading

Icon Box,包含icon,标题与解释

图像转盘,用于展示不同图片。可以调节图片大小、轮播图片数等,以及是否显示标题。可以添加链接。图片不可以点击放大查看。

画廊,用于展示图片。静态。可以调整图片大小、展示的列数。可以添加链接。点击可放大图片查看。

带图标的列表,图标和文字内容可以换。每一条均可添加链接。

My Skill
Web Designer 50%

进度条。可以更改文字内容、颜色、字体大小;进度百分比、是否显示百分比;条的高度等。

评级。可以更改星星的总数以及点亮的星星的数量;星星的大小与间隔、星星的颜色。

不同标签下可以放不同的内容。标签的名称、颜色与字体颜色等都可以改。内容可以是各种元素的复合。

有路径的文字。可以更改文字内容、颜色、大小、加粗程度、旋转角度、变形起始位点等。可以添加链接。

Item #1

类似手风琴。可以将内容折叠只显示标题。内容可以是各种元素的复合。