css图片不配高度只配宽度,高度就会自动等比显示吗?

html-css012

css图片不配高度只配宽度,高度就会自动等比显示吗?,第1张

默认情况下,图片只需要设置宽度,高度就会自动等比例调整,同理,只设置高度,宽度也会自动等比例调整,如果同时设置宽度和高度,那么就要自己计算好宽高比例,否则的话图片就有可能会发生变形。因此通常情况下宽度和高度只需要设置其中一项即可。

以上描述不适用于除图片外的其他元素。

CSS设置div边框颜色宽度和高度步骤如下:

1、新建一个html文件,创建一个类名为wrap的div。

2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色(没有边框时方便看出来div的大小)。

3、通过div 的border属性控制边框颜色,设置border的宽度为2px,线型为实线,颜色为蓝色。

4、这样就可以设置div边框颜色宽度和高度,如下图:

扩展资料:

css border属性:

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

border-width,border-style,border-color

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000也是允许的。

由于margin, padding 的百分比数值是相对父元素的宽度计算的,只需将元素垂直方向的一个padding值设定为与width的一定比例就可以了。比如正方形:

未完待续