AmazeUI 缩略图的实现示例

本文主要介绍了AmazeUI 缩略图的实现示例,分享给大家,顺便给自己留个笔记,下面就一起来了解一下

1
2
3
4
5
6
7
8
9
10
11
12
<title>缩略图</title><div class="am-g">
 <div class="am-u-sm-4">
  <img decoding="async" class="am-thumbnail" src="img/bing.jpg" alt="">
</div>
 <div class="am-u-sm-4">
  <a href="#" class="am-thumbnail">
   <img decoding="async" src="img/bing.jpg" alt=""></a>
 </div>
 <div class="am-u-sm-4">
  <figure class="am-thumbnail"><img decoding="async" src="img/bing.jpg" alt=""></figure>
</div>
</div>

图片标题 #1

图片标题 #3

图片标题

阅谁问君诵,水落清香浮。阅谁问君诵,水落清香浮。阅谁问君诵,水落清香浮。


图片标题

阅谁问君诵,水落清香浮。阅谁问君诵,水落清香浮。阅谁问君诵,水落清香浮。



<!–

效果图:

到此这篇关于AmazeUI 缩略图的实现示例的文章就介绍到这了,更多相关AmazeUI 缩略图内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章,希望大家以后多多支持IT俱乐部!

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/navsub/html5/13868.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部