温馨提示×

如何用css设置li标签并排

养鱼的猫咪
3533
2021-03-24 17:46:24
栏目: 编程语言

在css中设置li标签并排显示的方法:1.创建li标签列表;2.设置li标签左浮动即可;

如何用css设置li标签并排

在css中设置li标签并排显示的方法

1.首先,在页面中创建一个li标签列表;

 <body>

   <ul>

     <li>1</li>

     <li>2</li>

     <li>3</li>

     <li>4</li>

   </ul>

 </body>

2.li标签列表创建好后,在css中将li标签的样式设置左浮动即可;

 ul li {

     float:left;

     margin-right:30px;

}


0