【教学目的】如果没有背景图,每一行都是白色,网页会非常单调,所以这个章节将教大家如何给行元素添加背景色或者图片。

点击行右上角的小铅笔进入行编辑。行样式选择第二个,Default VC。

随后选择行设置下的第二个设计选项。

你会看到有一个背景(Background-color)选项设置,点击可以选用不同的背景颜色,下方Alpha可调整背景色的不透明度。

保存更新后的前台样式。

背景图片的插入在背景颜色选项的下方,点击灰色的+号打开媒体库选择/上传背景图片。

保存后更新前台样式。

这时候你会发现背景图片仅仅出现了一小部分。

那是因为背景图片的高度由行内元素的高度所决定。尝试在行内添加空白格(Empty Space)

你会发现背景图片的高度随之增大了对应的高度。(空白格的用法将在系列教程的后期内容中展开描述)

 

专业网站开发网页设计公司

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

wechat logo