如何进行CSS 尺寸设置

2025-10-17 18:51:36

1、尺寸属性。这个尺寸属性不仅仅指图像,还可以指定一下文字。

<style>

img.normal

{

height:auto;

}

img.big

{

height:120px;

}

p.ex

{

height:100px;

width:100px;

}

</style>

如何进行CSS 尺寸设置

2、用百分比来改变元素的高度。

<style>

html {height:100%;}

body {height:100%;}

img.normal {height:auto;}

img.big {height:50%;}

img.small {height:10%;}

</style>

如何进行CSS 尺寸设置

3、设置元素的最大高度。我们可以用CSS语句来设置一下元素的最大的高度。

p

{

max-height:50px;

background-color:yellow;

}

</style>

如何进行CSS 尺寸设置

4、我们不仅仅可以设置元素的高度,我们还可以设置元素的宽度。

<style>

p

{

max-width:20%;

background-color:yellow;

}

</style>

如何进行CSS 尺寸设置

5、我们不仅仅可以设置元素的最大高度,我们还可以设置一下元素的最小高度。

<style>

p

{

min-height:100px;

background-color:yellow;

}

</style>

如何进行CSS 尺寸设置

6、我们可以把元素的最小宽度用像素来进行设置。

<style>

p

{

min-width:150px;

background-color:yellow;

}

</style>

如何进行CSS 尺寸设置

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢