首页
会员中心
到顶部
到尾部
CSS教程

CSS 图片库

时间:2020/11/2 12:54:10  作者:  来源:  查看:0  评论:0
内容摘要:CSS 图片库CSS 导航栏CSS 图片透明CSS 可用来创建图片库。演示:CSS 图片库 在此处添加对图像的描述 在此处添加对图像的描述 在此处添加对图像的描述 在此处添加对图像的描述图片库下面的图片库是由 CSS 创建的...

CSS 图片库

CSS 可用来创建图片库。

演示:CSS 图片库

Ballade
在此处添加对图像的描述
Ballade
在此处添加对图像的描述
Ballade
在此处添加对图像的描述
Ballade
在此处添加对图像的描述

图片库

下面的图片库是由 CSS 创建的:

实例

<!doctype html><html><head><style>div.img  {  margin:3px;  border:1px solid #bebebe;  height:auto;  width:auto;  float:left;  text-align:center;  }div.img img  {  display:inline;  margin:3px;  border:1px solid #bebebe;  }div.img a:hover img  {  border:1px solid #333333;  }div.desc  {  text-align:center;  font-weight:normal;  width:150px;  font-size:12px;  margin:10px 5px 10px 5px;  }</style></head><body><div class="img">  <a target="_blank" href="/i/tulip_ballade.jpg">  <img src="/i/tulip_ballade_s.jpg" alt="Ballade" width="160" height="160">  </a>  <div class="desc">在此处添加对图像的描述</div></div><div class="img">  <a target="_blank" href="/i/tulip_flaming_club.jpg">  <img src="/i/tulip_flaming_club_s.jpg" alt="Ballade" width="160" height="160">  </a>  <div class="desc">在此处添加对图像的描述</div></div><div class="img">  <a target="_blank" href="/i/tulip_fringed_family.jpg">  <img src="/i/tulip_fringed_family_s.jpg" alt="Ballade" width="160" height="160">  </a>  <div class="desc">在此处添加对图像的描述</div></div><div class="img">  <a target="_blank" href="/i/tulip_peach_blossom.jpg">  <img src="/i/tulip_peach_blossom_s.jpg" alt="Ballade" width="160" height="160">  </a>  <div class="desc">在此处添加对图像的描述</div></div></body></html>

亲自试一试



上一篇:CSS 分类
下一篇:CSS2 总结
相关评论
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号