HTML和CSS的結合，可以輕松地制作一個精美的相冊，可以展示您的照片和圖片。
<html>
<head>
<title>我的相冊</title>
<style>
/* 設置相冊外圍的div樣式 */
.album {
width: 100%;
text-align: center;
margin-top: 20px;
}
/*設置相冊內部照片的樣式 */
.album img {
width: 200px;
height: 150px;
margin: 10px;
border: 5px solid #ccc;
box-shadow: 3px 3px 2px #d9d9d9;
}
</style>
</head>
<body>
<div class="album">
<h1>我的相冊</h1>
<img src="photo1.jpg">
<img src="photo2.jpg">
<img src="photo3.jpg">
<img src="photo4.jpg">
<img src="photo5.jpg">
</div>
</body>
</html>在這個代碼中，我們定義了一個名為“album”的div，這實際上是我們相冊的容器。我們設置了該div的樣式，包括它的寬度，居中對齊和頂部的間距。我們還設置了相冊內部圖片的樣式，包括它們的大小，間距，邊框和陰影效果。
在相冊的div中，我們放置了五張照片，以img標簽的形式添加。請注意，每個img標簽中的“src”屬性將圖片的路徑指定為相對于HTML文件的位置。
這是一個基本的相冊代碼。您可以使用更多的CSS屬性來改變外觀和樣式，也可以根據需要更改HTML結構來添加更多的圖像和其他元素。
上一篇html css畫五角星
下一篇mysql索引越來越多