到目前为止，我们已经为我们OracleNetsuite的标题创建了导航栏。完成标题的下一件事是在图像上方包含图像和文本，如下面的屏幕截图所示： 

让我们再次查看index.html 文件中标题的部分代码。代码中突出显示的部分显示了标题的图像菜单： 

要完成图像菜单，我们首先需要在 id 为“header-image-menu”的 div 标签内添加图像和文本，如上述代码所示。

添加图像： 

单击此处下载给定的图像。

将其添加到项目的图像文件夹中。

将它包含在id = “header-image-menu”的 div 中。

添加文本：在 <h2> 标签内添加文本，并为标签指定一个 id = “image-text”，用于添加样式。

以下是添加图像和文本后标题菜单的最终 HTML 代码： 

设计主图像菜单（#header-image-menu）：给图像菜单父级设置一个 10px 的顶部边距，并将其位置设置为相对。 

将以下代码添加到 style.css 中： 

在图像菜单中设置图像样式：将图像的宽度设置为父级的 100%，并删除边距和填充。 

将以下代码添加到 style.css 中： 定位文本(#image-text)：首先将文本的位置设置为绝对位置，并从左侧和顶部提供适当的边距。使用 translate() 函数设置颜色并将文本翻译 30%。

将以下代码添加到 style.css 中：