CSS中有一種很常見(jiàn)的圖形是一個(gè)圓和三條橫線，這種圖形一般用于菜單或者按鈕上，也被稱為漢堡菜單。下面介紹一下如何用CSS實(shí)現(xiàn)這個(gè)圖形。

/* 圓的樣式 */
.circle {
width: 30px;
height: 30px;
background-color: #333;
border-radius: 50%;
}
/* 橫線的樣式 */
.line {
width: 30px;
height: 5px;
background-color: #333;
margin: 5px 0;
}

上面的代碼中，我們分別定義了一個(gè)圓和一條橫線的樣式。在這些樣式的基礎(chǔ)上，我們可以用CSS布局來(lái)實(shí)現(xiàn)一個(gè)圓和三條橫線的組合。

<div class="menu">
<div class="circle"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>

上面的代碼中，我們使用一個(gè)div元素包含一個(gè)圓和三條橫線。通過(guò)CSS布局，我們可以讓這些元素排列成一個(gè)漢堡菜單的樣式。

總體上，實(shí)現(xiàn)一個(gè)圓和三條橫線的漢堡菜單并不難。我們只需要定義好樣式，然后進(jìn)行CSS布局即可。如果需要實(shí)現(xiàn)更復(fù)雜的效果，可以對(duì)樣式進(jìn)行不同的調(diào)整。