HTML5+CSS3+JS小实例：网格图库

数据人与超自然意识  金牌会员 | 2024-6-9 23:20:08 | 来自手机 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 692|帖子 692|积分 2076

实例：网格图库
技能栈：HTML+CSS+JS
效果：

源码：
【HTML】
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>网格图库</title>
  8.     <link rel="stylesheet" href="243.css">
  9. </head>
  11. <body>
  12.     <main class='gallery'>
  13.         <div class='item' data-pos='0'><img src='https://picsum.photos/400/300?random=0'></div>
  14.         <div class='item' data-pos='1'><img src='https://picsum.photos/400/300?random=1'></div>
  15.   
复制代码
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

数据人与超自然意识

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表