从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本文小编为大家详细介绍“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大小怎么改变设置”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图