如何设置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图片大小怎么设置
  • 热门搜索
    海豚音怎么练 出名太快怎么办小说 眼屎多怎么办 怎么设置屏保 whale怎么读 ps怎么换脸 电脑蓝屏怎么修复 生理期肚子疼怎么办 梦幻西游化生寺怎么加点 怎么做鱼丸