温馨提示×

css如何去掉li标签样式

养鱼的猫咪
4528
2021-03-24 17:49:29
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

在css中清除li标签默认样式的方法:1.创建li标签列表;2.使用padding和margin属性清除内外边距;3.使用list-style属性清除序号;

css如何去掉li标签样式

在css中清除li标签默认样式的方法

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

 <body>

   <ul>

     <li>1</li>

     <li>2</li>

     <li>3</li>

     <li>4</li>

   </ul>

 </body>

2.li标签列表创建好后,在css中使用padding和margin清除标签的内外边距;

 ul li{

    padding:0

    margin:0;

}

3.最后,使用list-style属性消除标签的默认序号即可;

 ul li{

    padding:0

    margin:0;

    list-style:none;

}

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:如何用css设置li标签并排

0