📜  CSS-使用图像

📅  最后修改于: 2020-10-26 04:44:36             🧑  作者: Mango


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

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之间的值。较低的值会使元素更透明。

这是一个例子-


   
 

它将产生以下结果-