css height样式与实例

时间:2023-04-10 20:56:10

CSS中的height属性用于指定元素的高度。它可以用于各种元素,包括div、img、video、iframe等等。

以下是一些height属性的示例:

HTML代码:

<div class="box"></div>

<img src="example.jpg" alt="Example" class="image">

<video src="example.mp4" class="video"></video>

CSS代码:

.box {
height: 100px;
background-color: blue;
}

.image {
height: 300px;
}

.video {
height: 240px;
width: 320px;
}

在上面的示例中,我们分别将一个div元素、一个img元素和一个video元素的height属性设置为不同的值。div元素的height属性设置为100px,让它的高度为100px。img元素的height属性设置为300px,让它的高度为300px。video元素的height属性设置为240px,让它的高度为240px,并将width属性设置为320px,以便为它指定一个宽度。

这些属性设置将导致这些元素以不同的高度显示在页面上。

相关词 height