33、为 div 元素添加样式：打造独特的 Elixirs 区域

为 div 元素添加样式：打造独特的 Elixirs 区域

1. 添加边框

在为 elixirs 区域添加样式时，首先可以为其 <div> 元素添加边框。具体操作步骤如下：
1. 打开 “lounge.css” 文件。
2. 在文件末尾添加以下规则：

#elixirs {
    border-width: thin;
    border-style: solid; 
    border-color: #007e7e;
}

3. 保存 CSS 文件，然后重新加载 “lounge.html” 文件。

此时，你会看到 elixirs <div> 元素周围出现了一个细的、实心的海蓝色边框。需要注意的是，这个边框环绕着 <div> 元素内的所有元素，因为 <div> 就像其他元素一样，是一个盒子，边框会围绕其内容。不过，目前这个 <div> 还没有内边距和外边距，后续需要添加。

2. 制定样式改进计划

接下来，我们需要为 elixirs 区域制定一个样式改进计划，具体步骤如下：
1. 调整宽度 ：将 elixirs <div> 的宽度变窄，使其看起来像休息室的窄传单菜单。可以使用