html中怎样让多个li标签横排显示

 时间:2024-10-11 22:18:42

1、利用Dreamweaver新建一个html页面

html中怎样让多个li标签横排显示

2、在body里面输入代码<ul><li>你好</li><li>小鱼媪青怍牙</li><li>小小</li></ul>

html中怎样让多个li标签横排显示

3、默认的样式是这样的

html中怎样让多个li标签横排显示

4、编辑li标签的css样式

html中怎样让多个li标签横排显示

5、float:left代表的是元素左对齐。这样li标签就可以横排显示了,list-style:none用来去除li标签前面的小圆点。最终浏览器里面的效果如下图所示

html中怎样让多个li标签横排显示
  • js如何将input文本框的文字加粗显示
  • css如何设置文本第一行的缩进
  • 赛尔号怎么打雷伊
  • 扶他林可缓解运动损伤引起的足、踝部疼痛
  • 绝地求生cc辅助怎么用
  • 热门搜索
    炒蘑菇的家常做法 小黄花鱼怎么做好吃 烫伤的水泡怎么处理 萨米特瓷砖怎么样 孩子眼睛近视怎么办 宝宝打喷嚏流鼻涕怎么办 糖醋茄子的家常做法 农村别墅设计图纸及效果图大全 一语成谶怎么读音 痤疮最佳治疗方法