用css div做两个实体小方块

html-css044

用css div做两个实体小方块,第1张

1、首先新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签一个模块,在div内,再使用div标签创建两个内部模块,下面将让两个内部div并排显示。

3、在test.html文件内,分别给每一个div设置class属性,分别为wdiv,fldiv,frdiv。

4、在css标签内,设置class为wdiv的div样式,定义其宽度为500px,高度为400px,背景颜色为灰色。

5、在css标签内,再分别设置class为fldiv和frdiv的样式,定义它们的宽度为240px,高度为350px,同时,使用float属性分别设置一个div浮动向左,另一个浮动向右,从而实现并排显示。

6、最后在浏览器打开test.html文件,查看实现的效果,就完成了。

方法/步骤

在清除之前,首先需要知道这个小黑块是什么,有什么用,是怎么添加上去的,让我来告诉你吧,这个小黑块其实是项目符号,项目符号放在文本(如列表中的项目)前以添加强调效果的点或其他符号,即在各项目前所标注的符号。

请点击输入图片描述

然后了解一下项目符号怎么添加和修改,将文字编辑光标到段首,或者选定全部段落,点击鼠标右键,在下拉框中选择“项目符号和编号”。

请点击输入图片描述

然后在“项目符号和编号”窗口中选择项目符号栏目,然后选择窗口上的符号或者自定义符号,确定后小黑块就出现了。

请点击输入图片描述

然后就说一下取消项目符号的方法,如果是word文档每一行的黑方块,那么原因就是格式已经被记录了,也就是说你只要按Enter键到下一段就会自动出现该黑方块。取消方法是全选文字,右键下拉框中选择“项目符号和编号”,然后选择项目符号下的“无”,然后确定就可以取消了。

请点击输入图片描述

还有一种方法就是清楚这部分段落的格式,将这段文字全选,然后复制,然后再黏贴,就会出现小按钮提示黏贴带什么格式的文本,选择“无格式文本”就可以了。

请点击输入图片描述