轮播图 - 内容样式

盒子添加完成后，下一步就是添加样式。添加样式前，首先添加class。

在「Navigator 导航器」面板上，选中「Div Block」盒子。

切换到「Styles 样式」面板，点击添加class「slide 1 content」。

在「Styles 样式」面板上，在「Layout 布局」下找到「Width 宽度」，把宽度设置为300，单位默认是「px 像素」。页面上「slide 1 content」盒子宽度变为300px。

同样在「Layout 布局」下，找到「Position」选项，选择绝对定位。默认设置下，定位到「my slide 1」盒子的左上角。

在点击绝对定位的按钮后，在按钮下方，会展开新的设置选项，这里可以对绝对定位做出更多细节设置。

可以看到，上面有对于「上」，「左」，「右」，「下」四面距离的设置。

让盒子与上面距离10px，与左边距离50px。

内容样式设置完成。

练习：添加内容到其他幻灯片

使用同样的方式，给第二张幻灯片添加上一模一样的内容块，并设置样式。