区域控件

笔记:使用区域控件来创建单独的内容块并将页面内容有意义的进行细分。

区域是一个宽度为100%的布局元素,它可以延伸到浏览器窗口的整个宽度。区域在页面的结构和布局中起着重要作用。区域让你创建独立的内容块,并将页面划分为有意义的部分。通过区域,您可以创建独立的内容块,并将页面划分为有意义的部分。

新建一个区域

你可以从控件面板向页面添加一个区域控件。默认情况下,区域将横跨整个主体的宽度;每个区域包含1列,您可以在一个区域中添加多个列。

提示:为了获得一个良好、一致的页面结构,请在页面中添加区域,然后在区域的列中进行内容的排版。

设置布局

一个区域的内容宽度默认为100%。你也可以在布局设置面板中设置一个特定的宽度(单位为px)。

区域的高度会根据其内容自动调整,当你添加控件时,区域会自动变高。l你也可以设置一个最小高度。

设置区域样式

背景(常规和悬停)

可以选择经典(设置一个背景颜色或图像)、渐变(设置一个颜色渐变的背景)、视频背景或图像背景。

边框(常规和悬停)
  1. 边框类型: 设置边框类型
  2. 边框半径: 设置边框半径
  3. 边框阴影: 添加阴影
排版

为该区域设置排版样式

高级设置

设置外边距和内边距,以在内容外部和内部留出空间。 一个区域的内边距也会影响它的高度。 最佳做法是设置区域控件的顶部和底部内边距,然后添加内容使其相应地调整。

Updated on 2022年7月1日

Was this article helpful?

Related Articles