如何设置div的大小

 时间:2024-10-25 09:40:22

1、第一步,为了方便html代码编辑我们将使用HTML编辑器sublime_text,点击进入,详细如下图

如何设置div的大小

2、第二步,开始写代码之前,我们先去查一下css中什么可以控制div的大小,这是官方文档查出的width和height属性能控制div盒子的宽高,然后就能控制div大小了,详细如下图

如何设置div的大小

3、第三步,知道怎么控制div盒子大小了,我们开始写代码,我们的例子是写3个div盒子,然后分别控制它们的大小,然后分别给盒子取名字d1,d2,d3,详细如下图

如何设置div的大小

4、第四步,然后我们分别给div设置不同的大小,为了方便区分我给它们加上不同的颜色,详细的css这样写,详细如下图

如何设置div的大小

5、第五步,写完css之后,我们用网页打开查看最终显示的效果,能按照自己喜欢的大小来设置不同的div大小,详细如下图

如何设置div的大小
  • 怎样在html网页中插入视频
  • css如何让三张图片在一行里显示
  • 怎么让两个div在同一行
  • 如何让图片在div中居中显示
  • html图片大小怎么设置
  • 热门搜索
    旅游项目策划 嵊泗列岛旅游 尼泊尔旅游要多少钱 旅游族官网 去哪儿玩旅游网 马尔代夫旅游图片 广西龙脊梯田旅游攻略 同程旅游怎么样 河南旅游局官网 萍乡旅游景点大全