在網(wǎng)頁(yè)中，列表是一個(gè)常見(jiàn)的元素。而列表中的每個(gè)項(xiàng)（item）則稱為列表項(xiàng)（list item），通常用li標(biāo)簽來(lái)表示。在樣式設(shè)計(jì)中，當(dāng)我們需要將多個(gè)列表項(xiàng)對(duì)齊時(shí)，就需要使用CSS樣式對(duì)li進(jìn)行處理。 為了對(duì)li元素進(jìn)行樣式處理，我們可以使用以下的CSS樣式： ```html``` 首先，在上述代碼中我們?yōu)榱俗屨麄€(gè)列表的樣式美觀，對(duì)其父元素的margin和padding屬性進(jìn)行了歸零操作。然后，對(duì)li元素進(jìn)行了設(shè)定： 1. display屬性設(shè)為inline-block，這樣能夠使得每個(gè)li元素都以行內(nèi)塊（inline-block）元素的方式顯示，從而達(dá)到橫向排列的效果。 2. margin屬性設(shè)為10px，設(shè)定列表項(xiàng)之間的距離。這樣每個(gè)列表項(xiàng)之間就相隔了10px。 3. text-align屬性設(shè)為center，讓li中的文本內(nèi)容在每個(gè)li中居中顯示。如果需要讓居中樣式對(duì)圖片也生效，則可以設(shè)定text-align:center，在li標(biāo)簽中再套一個(gè)div，把下屬所有內(nèi)容全部放置在這個(gè)div內(nèi)部。 4. 為了讓每個(gè)li元素的大小一致，設(shè)定width和height屬性，使它們的寬度都為100px，高度都為80px。 5. 最后，為了重點(diǎn)突出我們的列表項(xiàng)，我們對(duì)每個(gè)li元素的邊框設(shè)置了1px的灰色實(shí)線。 這樣，我們就完成了對(duì)li元素進(jìn)行樣式處理的過(guò)程。在開(kāi)發(fā)網(wǎng)頁(yè)時(shí)，這種對(duì)列表項(xiàng)的樣式進(jìn)行美化的方法使用非常廣泛，可以讓網(wǎng)頁(yè)更加美觀大方，提升用戶的瀏覽體驗(yàn)。