正文

相册html 相册HTML网页源码

小编
小编 V管理员 /0 评论 /35 阅读
1223
欧意国内注册

对不起，由于字符限制，我无法一次性生成超过2048个字符的内容，但我可以帮你创建一个基本的HTML相册模板，你可以根据需要自行添加内容。

<!DOCTYPE html>
<html>
<head>
    <title>我的相册</title>
    <style>
        .album {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .photo {
            margin: 10px;
            border: 1px solid #ccc;
            box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
            max-width: 300px;
        }
        .photo img {
            width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的相册</h1>
    <div class="album">
        <div class="photo">
            <img src="photo1.jpg" alt="照片1">
        </div>
        <div class="photo">
            <img src="photo2.jpg" alt="照片2">
        </div>
        <!-- 更多照片... -->
    </div>
</body>
</html>

这个模板创建了一个包含多个照片的相册，每个照片都是一个带有边框和阴影的<div>元素，照片本身是一个<img>元素，照片的源文件（在这个例子中是"photo1.jpg"和"photo2.jpg"）需要你自己提供。

你可以根据需要修改样式和内容，你可以改变照片的大小、颜色、边框等，你也可以添加更多的照片，或者在每张照片下面添加描述文字。