学习啦 > 学习电脑 > 电脑技巧 > html中div设置宽高

html中div设置宽高

时间: 佳洲1085 分享

html中div设置宽高

学习啦在线学习网   html中div的高度和宽度有什么方法能控制呢?下面由学习啦小编为大家整理了html中的div设置宽高的相关知识,希望对大家有帮助!

  html中的div设置宽高方法一

  在用Dreamweaver工具编辑HTML代码时候,可以通过height和width设置div的高和宽,代码如下:

学习啦在线学习网   <style type="text/css">

  html

  {

学习啦在线学习网   height:100px;

  margin:0;

  }

  body

  {

  height:100px;

  margin:0;

  }

  </style>

  <div style="width:100px; height:100px; background-color:#666; z-index:1">

学习啦在线学习网   </div>

  html中的div设置宽高方法二

  首先我们新建命名一个CLASS或ID的类,这里CSS命名为“.divcss5”,以class引用。并且设置宽度为300px,CSS选择器代码如下:

  .divcss5{width:300px} /* css 注释:这样设置了对象divcss5宽度为300px样式 */

学习啦在线学习网   针对DIV使用代码:

  <div class="divcss5">我宽度设置为300px</div>

3629366