admin 管理员组

文章数量: 1184232


2023年12月18日发(作者:后端php用什么软件开发)

html中div设置宽高

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

html中的div设置宽高方法一

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

<style type="text/css">

html

{

height:100px;

margin:0;

}

1

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选择器代2

码如下:

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

针对DIV使用代码:

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

3


本文标签: 设置 宽度 大家 代码 方法