养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-25 10:32:12

如何使用HBuilder中无序列表标签使文字并排成一行,即浮动。和如何去除掉无序列表标签中的小黑点

工具/原料

电脑、HBuilder

方法/步骤

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

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

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

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

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

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

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

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

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

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

6、第四步,在style里面的ulli里面添加“list-style:none”,小黑点就去掉了没了

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

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

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

© 一点知识