CSS |造型图像

使用 CSS 为图像设置样式与使用填充、边框和边距的框模型为任何元素设置样式的方式完全相同。

有很多方法可以在图像中设置样式，如下所示：

• 缩略图
• 圆形图像
• 响应式图像
• 透明图片
• 居中图像

缩略图图像：边框属性用于创建缩略图图像。

例子：

输出：

Border-radius 属性： border-radius 属性用于设置边框图像的半径。此属性可以包含一个、两个、三个或四个值。它是四个属性的组合：border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius。

例子：

输出：

响应式图像：响应式图像用于将图像自动调整到指定的框。

例子：

输出：

透明图片： opacity 属性用于设置图片透明。不透明度值介于 0.0 到 1.0 之间。

例子：

输出：

居中图像：图像可以通过使用 left-margin 和 right-margin 属性居中到框。

例子：

输出：

支持的浏览器：样式图像支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器