图片在任何网页中都起着重要作用。尽管不建议包含很多图像，但是在需要的地方使用良好的图像仍然很重要。

CSS在控制图像显示方面起着很好的作用。您可以使用CSS设置以下图像属性。

• border属性用于设置图像边框的宽度。

• height属性用于设置图像的高度。

• width属性用于设置图像的宽度。

• -moz-opacity属性用于设置图像的不透明度。

图像边框属性

图像的border属性用于设置图像边框的宽度。此属性的长度或百分比值都可以。

零像素的宽度表示没有边框。

这是示例-

它将产生以下结果-

图像高度属性

图像的height属性用于设置图像的高度。此属性的长度或百分比值都可以。在以％给出值时，它会将其应用于有图像的盒子。

这是一个例子-

它将产生以下结果-

图像宽度属性

图像的width属性用于设置图像的宽度。此属性的长度或百分比值都可以。在以％给出值时，它会将其应用于有图像的盒子。

这是一个例子-

它将产生以下结果-

-moz-opacity属性

图像的-moz-opacity属性用于设置图像的不透明度。此属性用于在Mozilla中创建透明图像。 IE使用filter：alpha（opacity = x）创建透明图像。

在Mozilla（-moz-opacity：x）中，x可以是0.0-1.0的值。较低的值会使元素更透明（对于CSS3有效语法opacity：x也是如此）。

在IE中（filter：alpha（opacity = x））x可以是0到100之间的值。较低的值会使元素更透明。

这是一个例子-

它将产生以下结果-