手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS教程 如何设置盒子的宽高属性

时间:2024-10-19 04:23:06

1、新建一个Box.html 文件,如图所示:

CSS教程 如何设置盒子的宽高属性

2、输入HTML5的结构代码,将title标签里面的内容修改成:盒子的宽高属性,如图所示:

CSS教程 如何设置盒子的宽高属性

3、使用div标签定义一个盒子,代码:<div>盒子的内容区</div>

CSS教程 如何设置盒子的宽高属性

4、输入代码:<style type=text/css></style>,如图所示:

CSS教程 如何设置盒子的宽高属性

5、设置div盒子的宽和高,如图所示:

CSS教程 如何设置盒子的宽高属性

6、给div盒子添加一个背景颜色,方便查看,如图所示:

CSS教程 如何设置盒子的宽高属性
CSS教程 如何设置盒子的宽高属性
© 手抄报圈