📅  最后修改于: 2023-12-03 15:01:18.752000             🧑  作者: Mango
在HTML5中,可以使用CSS样式表来指定对象的宽度和高度。常用的CSS属性包括width
和height
属性。
width
属性width
属性用于指定对象的宽度。它可以设置为一个具体的像素值,也可以设置为一个百分比。
<div style="width: 300px;">我是一个 div,宽度为 300px。</div>
上面的例子指定了一个div
元素的宽度为300px
。
<div style="width: 50%;">我是一个 div,宽度为父元素宽度的 50%。</div>
上面的例子指定了一个div
元素的宽度为父元素宽度的50%
。
height
属性height
属性用于指定对象的高度。它也可以设置为一个具体的像素值,也可以设置为一个百分比。
<div style="height: 200px;">我是一个 div,高度为 200px。</div>
上面的例子指定了一个div
元素的高度为200px
。
<div style="height: 50%;">我是一个 div,高度为父元素高度的 50%。</div>
上面的例子指定了一个div
元素的高度为父元素高度的50%
。
<div style="width: 50%; height: 200px; background-color: #ccc;">我是一个 div,宽度为父元素宽度的 50%,高度为 200px,背景颜色为 #ccc。</div>
上面的例子综合应用了width
、height
、和background-color
三个属性,指定了一个div
元素的宽度为父元素宽度的50%
,高度为200px
,背景颜色为灰色。