在HBuilder中如何使文字浮动以及去除小黑点

时间:2024-10-12 07:06:56

1、第一步,先建好一个div盒子

在HBuilder中如何使文字浮动以及去除小黑点

2、第二步,在div盒子中,写入“ul li ”无序列表标签,在li 中写好我们所要浮动的文字,如下图,

在HBuilder中如何使文字浮动以及去除小黑点

3、这时候我们就可以在浏览器上看到我们刚刚建好的框架以及无序列表标签

在HBuilder中如何使文字浮动以及去除小黑点

4、第三步,如下图所示,加入向左浮动的代码 ,(float:left)表示向左浮动,

在HBuilder中如何使文字浮动以及去除小黑点

5、添加好代码的效果,但是这时候我们可以看到有小黑点,那这时候的小黑点该如何去掉呢

在HBuilder中如何使文字浮动以及去除小黑点

6、第四步,在 style 里面 的ul li 里面添加“list-style:none”,小撮颡槽骗黑点就去掉了没了

在HBuilder中如何使文字浮动以及去除小黑点

7、去掉小黑点显得更美观!!!!

在HBuilder中如何使文字浮动以及去除小黑点
© 手抄报圈