在網頁的菜單中，經常可以看到一個由三條橫線組成的圖標。這個圖標被稱作“漢堡包圖標”或“三橫線圖標”，它可以通過CSS實現。下面是一個簡單的CSS菜單三橫線的實現示范：

/* 三橫線樣式 */
.menu-icon {
display: inline-block;
cursor: pointer;
padding: 10px 15px;
}
.menu-icon span, span::before, span::after {
display: block;
position: absolute;
height: 2px;
width: 22px;
background-color: #333;
border-radius: 1px;
}
.menu-icon span::before {
content: "";
top: -7px;
}
.menu-icon span::after {
content: "";
top: 7px;
}
/* 點擊時菜單的展示 */
.menu-show {
display: unset;
}
.menu-hide {
display: none;
}

這里采用偽元素的方式，通過span元素的before偽元素和after偽元素來實現三條橫線的圖標。然后添加點擊事件（這里只是舉例，在實際開發中需要添加JavaScript來實現），讓菜單隨著點擊展示或隱藏。

<div class="menu-icon" onclick="toggleMenu()">
<span></span>
</div>
<ul class="menu-hide">
<li><a href="#">首頁</a></li>
<li><a href="#">文章</a></li>
<li><a href="#">關于</a></li>
</ul>
<script>
function toggleMenu() {
var menu = document.querySelector("ul");
menu.classList.toggle("menu-show");
menu.classList.toggle("menu-hide");
}
</script>

最后，需要注意的是，由于三橫線圖標已經成為了廣為流傳的UI設計元素，使用這個圖標一定要慎重，確保融入到整個站點的設計中，以免給用戶造成困惑或頁面過于單調。同時，也需要保證菜單的響應速度和用戶的使用便捷性，以達到更好的用戶體驗。