溫馨提示×

如何用css設置li標簽并排

養(yǎng)魚的貓咪
3647
2021-03-24 17:46:24
欄目: 編程語言

在css中設置li標簽并排顯示的方法:1.創(chuàng)建li標簽列表;2.設置li標簽左浮動即可;

如何用css設置li標簽并排

在css中設置li標簽并排顯示的方法

1.首先,在頁面中創(chuàng)建一個li標簽列表;

 <body>

   <ul>

     <li>1</li>

     <li>2</li>

     <li>3</li>

     <li>4</li>

   </ul>

 </body>

2.li標簽列表創(chuàng)建好后,在css中將li標簽的樣式設置左浮動即可;

 ul li {

     float:left;

     margin-right:30px;

}


0