本文小编为大家详细介绍“div大小怎么改变设置”,内容详细,步骤清晰,细节处理妥当,希望这篇“div大小怎么改变设置”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
创新互联是一家专注于成都网站设计、网站建设与策划设计,祥云网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:祥云等地区。祥云做网站价格咨询:13518219792
首先我们要知道DIV大小是由高和宽确定,要修改DIV容积大小我们设置css宽度和css高度即可实现改变DIV盒子大小。
一、改变div大小实例
为了实验便于观察DIV盒子大小改变,我们对DIV设置一个红色边框。CSS盒子命名为“.创新互联”
css代码:
.创新互联{ border:1px solid #F00; width:200px; height:100px}
html应用代码片段:
我大小为宽200 高100
截图
设置DIV盒子大小宽度为200px 高度为100px
改变DIV大小我们只需要改变宽度和高度大小值即可。
二、修改DIV大小改变后实例
我们改变这个DIV大小宽度为300px;高度为200px
对应CSS代码:
.创新互联{ border:1px solid #F00; width:300px; height:200px}
对应HTML代码:
我大小为宽300 高400
改变后截图
大小改变后截图
大家可以观察第一个图的DIV大小与第二个图DIV大小是否不同,是否实现了改变大小。答案是!改变了宽度和高度即可实现改变DIV盒子大小尺寸容积面积。
读到这里,这篇“div大小怎么改变设置”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。