css零到一中级教程018：CSS 图片库

最新推荐文章于 2022-03-25 11:06:28 发布

慕容屠苏

最新推荐文章于 2022-03-25 11:06:28 发布

阅读量245

点赞数

分类专栏： css零到一文章标签： css html 前端

本文链接：https://blog.csdn.net/kerryqpw/article/details/123706241

版权

css零到一专栏收录该内容

98 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客详细介绍了如何使用CSS技术构建一个功能完善的图片库，内容涵盖基本布局、图片展示、响应式设计等方面，适合前端开发者进阶学习。

摘要由CSDN通过智能技术生成

CSS 可用于创建图片库。

<!DOCTYPE html>
<html>
<head>
<style>
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}
</style>
</head>
<body>

<div class="gallery">
  <a target="_blank" href="/i/photo/tulip-yellow.jpg">
    <img src="/i/photo/tulip-yellow.jpg" alt="Cinque Terre" width="600" height="400">
  </a>
  <div class="desc">在此处添加图像描述</div>
</div>

<div class="gallery">
  <

了解本专栏