参考资料

1. html文本标签详细说明以及案例
2. HTML 图像
3. HTML 中的空格详解
4. HTML高度与宽度设置 Iframe
5. HTML 图像
6. HTML 表格和边框属性
7. HTML 颜色采用的是 RGB 颜色
8. html列表标签详细说明以及案例

HTML 图像格式化

HTML 图像格式化

基本图像标签：

常用属性：

• src：图像路径(必需)

• alt：替代文本(必需)

• width/height：宽高(像素或百分比)

• title：悬停提示文本

• loading：懒加载(lazy/eager)

CSS 图像扩展属性：

1. 尺寸控制：
   img {
    max-width: 100%;
    height: auto;
   }

2. 边框样式：
   img {
    border: 2px solid #ccc;
    border-radius: 8px;
   }

3. 阴影效果：
   img {
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
   }

4. 响应式图像：

5. 滤镜效果：
   img {
    filter: grayscale(50%) blur(1px);
   }

6. 对象适配：
   img {
    object-fit: cover;
    object-position: center;
   }

7. 悬停效果：
   img:hover {
    opacity: 0.8;
    transform: scale(1.05);
   }

8. 背景图像：
   div {
    background-image: url("bg.jpg");
    background-size: cover;
    background-position: center;
   }