圖像在任何網頁中都扮演著重要的角色。雖然不建議包含很多圖像，但是在需要的地方使用好的圖像仍然很重要。
CSS在控制圖像顯示方面起到了很好的作用。可以使用CSS設置以下圖像屬性。
border屬性用於設置圖像邊框的寬度。
height屬性用於設置圖像的高度。
width屬性用於設置圖像的寬度。
-moz opacity屬性用於設置圖像的不透明度。
The Image Border Property
圖像的邊框屬性用於設置圖像邊框的寬度。此屬性可以具有長度值或%中的值;。
零像素的寬度意味著沒有邊框。
下面是一個例子;
<html>
<head>
</head>
<body>
<img style = "border:0px;" src = "/css/images/logo.png" />
<br />
<img style = "border:3px dashed red;" src = "/css/images/logo.png" />
</body>
</html>
它將產生以下結果&負;
The Image Height Property
圖像的高度屬性用於設置圖像的高度。此屬性可以具有長度值或%中的值;。當在%中賦值時，它會將其應用於圖像可用的框。
下面是一個例子;
<html>
<head>
</head>
<body>
<img style = "border:1px solid red; height:100px;" src = "/css/images/logo.png" />
<br />
<img style = "border:1px solid red; height:50%;" src = "/css/images/logo.png" />
</body>
</html>
它將產生以下結果&負;
The Image Width Property
圖像的寬度屬性用於設置圖像的寬度。此屬性可以具有長度值或%中的值;。當在%中賦值時，它會將其應用於圖像可用的框。
下面是一個例子;
<html>
<head>
</head>
<body>
<img style = "border:1px solid red; width:150px;" src = "/css/images/logo.png" />
<br />
<img style = "border:1px solid red; width:100%;" src = "/css/images/logo.png" />
</body>
</html>
它將產生以下結果&負;
The -moz-opacity Property
圖像的-moz opacity屬性用於設置圖像的不透明度。此屬性用於在Mozilla中創建透明圖像。IE使用過濾器：alpha（不透明度=x）創建透明圖像。
在Mozilla中（-moz opacity:x）x可以是0.0到1.0之間的值。較低的值使元素更透明（CSS3的有效語法opacity:x也是如此）。
在IE（filter:alpha（opacity=x））中，x可以是0-100之間的值。值越低，元素越透明。
下面是一個例子;
<html>
<head>
</head>
<body>
<img style = "border:1px solid red; -moz-opacity:0.4; filter:alpha(opacity=40);" src = "/css/images/logo.png" />
</body>
</html>
它將產生以下結果&負;