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,以便为它指定一个宽度。
这些属性设置将导致这些元素以不同的高度显示在页面上。