CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。


所有CSS 尺寸 (Dimension)属性

属性 描述
height 设置元素的高度。
line-height 设置行高。
max-height 设置元素的最大高度。
max-width 设置元素的最大宽度。
min-height 设置元素的最小高度。
min-width 设置元素的最小宽度。
width 设置元素的宽度。

实例1:使用像素值设置图像的高度

<html>
<head>
<style type="text/css">
img.normal 
{
height: auto
}

img.big 
{
height: 160px
}

img.small 
{
height: 30px
}
</style>
</head>
<body>

<img class="normal" src="https://www.5ucto.com/wp-content/uploads/2018/04/logo.png" />
<br />
<img class="big" src="https://www.5ucto.com/wp-content/uploads/2018/04/logo.png" />
<br />
<img class="small" src="https://www.5ucto.com/wp-content/uploads/2018/04/logo.png" />

</body>
</html>

上面实例中使用像素值设置图像的高度。


实例2:使用百分比来设置元素的宽度

<html>
<head>
<style type="text/css">
img
{
width: 50%
}
</style>
</head>
<body>

<img src="https://www.5ucto.com/wp-content/uploads/2018/04/logo.png" />

</body>
</html>

 


标签:

已是最后文章

下一篇: