如何设置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图片大小怎么设置
  • 热门搜索
    我和我的祖国手抄报图 六一手抄报简单又漂亮 光盘行动手抄报内容 文明出行手抄报 科技手抄报内容大全 吸烟有害健康的手抄报 新学期新气象的手抄报 奥运会手抄报 心理健康知识手抄报 八一建军节手抄报