子彈頭布局是一種常用的網頁布局方式之一。它通常用于列舉信息或者是展示多個選項時的排版。通過CSS的樣式設置，我們可以輕松地實現這種布局。

首先，我們需要設置一個父元素，這個父元素的寬度和高度可以根據具體需求進行設定。在父元素內部，我們需要添加多個子元素用于展示內容。這些子元素可以使用ul和li標簽來實現有序列表的形式。

<div class="parent">
<ul>
<li>選項一</li>
<li>選項二</li>
<li>選項三</li>
<li>選項四</li>
</ul>
</div>

接下來，在CSS中我們需要設置ul和li標簽的樣式。對于ul標簽，我們需要將列表樣式設為none（即不顯示數字或者圓點），同時設置padding和margin為0；而在li標簽中，我們需要設置padding和left屬性為0，同時設置text-indent屬性為-25px。如下代碼：

ul{
list-style:none;
padding:0;
margin:0;
}
li{
padding:0;
left:0;
text-indent:-25px;
margin-bottom:15px;
position:relative;
}
li:before{
content:'';
width:12px;
height:12px;
background-color:#ccc;
border-radius:50%;
position:absolute;
left:-12px;
top:5px;
transition:background-color .3s ease;
}
li:hover:before{
background-color:#333;
}

最后，我們通過在li:before中設置content屬性來添加圓點，同時設置圓點的顏色為灰色。在li:hover:before中，我們通過設置transition屬性來實現圓點顏色的漸變效果。最終的效果是在鼠標懸浮在選項上時，圓點顏色會漸變為黑色。

通過這樣的設置，我們就可以很方便地實現一個簡單的子彈頭布局。這種布局方式不僅簡單易用，而且還能夠讓頁面看起來更加整潔有序。