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辅助怎么用
  • 热门搜索
    手机录音怎么转mp3 开机密码怎么取消 金额大写怎么写 中长发怎么扎丸子头 云南旅游景点攻略自由行 焦作云台山攻略 海口旅游攻略 limbo攻略 熹妃传厨艺大赛攻略 我的世界垃圾桶怎么做