CSS中三個ul并排可以使用ul{list-style-type: none}來禁用ul的默認樣式,然后使用ul li{list-style-type: outside-add}來為每個li設置不同的樣式。
下面是一個示例代碼:
<style>
/* 禁用ul的默認樣式 */
ul {
list-style-type: none;
/* 為每個li設置不同的樣式 */
ul li {
display: list-item;
margin: 0 2px;
padding: 0 2px;
font-size: 16px;
</style>
<!-- 使用示例 -->
<li>第一個li</li>
<li>第二個li</li>
<li>第三個li</li>
</ul>
<li>第一個li</li>
<li>第二個li</li>
<li>第三個li</li>
</ul>
<li>第一個li</li>
<li>第二個li</li>
<li>第三個li</li>
</ul>
在上面的示例代碼中,第一個ul被禁用了ul的默認樣式,而第二個和第三個ul中,每個li都設置了相同的樣式,分別為list-item、margin、padding和font-size。你可以根據需要調整這些屬性的值以創建不同樣式的ul。
需要注意的是,使用list-style-type: outside-add會對ul中的子元素產生一些額外的效果,例如ul的邊框和背景色會被添加到子元素的周圍,這可能不是你想要的效果。因此,如果不需要這些額外的效果,可以選擇使用list-style-type: none。