標題:使用 CSS 創建二級菜單
隨著網頁設計的不斷發展,二級菜單已經成為了網頁設計中不可或缺的一部分。使用 CSS 可以非常方便地創建二級菜單,讓網頁設計更加美觀和易于使用。本文將介紹如何使用 CSS 創建二級菜單。
```html
<li>
<a href="#">標題1</a>
<ul>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="#">圖片1</a>
</li>
<li>
<a href="#">圖片2</a>
</li>
</ul>
</li>
</ul>
例如,我們可以使用以下 CSS 樣式來樣式化 li 元素:
```css
.main-menu-link {
color: #f2f2f2;
font-weight: bold;
text-decoration: none;
border: none;
padding: 10px 20px;
margin-bottom: 10px;
.main-menu-link:hover {
background-color: #ddd;
通過使用 CSS,我們可以非常方便地創建二級菜單,使其在網頁中看起來更加美觀和易于使用。我們可以靈活地定義不同的樣式,以適應不同的需求。