学习如何使用 CSS 设置图像样式。
使用 属性创建圆形图像：
使用 属性创建缩略图。
响应式图像会自动调整以适合屏幕尺寸。
如果您希望根据需要缩小图像，但需要杜绝放大到大于原始尺寸，请添加如下代码：
如需使图像居中，请将左右外边距设置为 并将其设置为块元素：
属性的取值范围为 0.0 - 1.0。值越低，越透明：
如何在图像中定位文本：
Bottom Left
Top Left
Top Right
Bottom Right
Centered
亲自试一试：
左上 右上 左下 右下 居中
CSS 属性把视觉效果（如模糊和饱和度）添加到元素。
把所有图像的颜色更改为黑白（100％ 灰色）：
创建鼠标悬停时的叠加效果：
请把鼠标移到图像上：
我们可以使用 CSS 创建自适应的图片库。
本例使用媒体查询来重新排列不同屏幕尺寸的图像。请调整浏览器窗口的大小以查看效果：
这是一个演示 CSS 和 JavaScript 如何协同工作的例子。
首先，请使用 CSS 创建模态窗口（对话框），并默认将其隐藏。
然后，当用户单击图像时，使用 JavaScript 显示模态窗口并在模态内部显示图像：
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.mushiming.com/mjsbk/2707.html