分享CSS3制作卡片式图片的方法


先看看效果图:

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <style>  
  5. body {margin:25px;}   
  6. div.polaroid {   
  7.   width: 40%;   
  8.   background-color: white;   
  9.   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);   
  10.   margin-bottom: 25px;   
  11. }   
  12. div.container {   
  13.   text-align: center;   
  14.   padding: 10px 20px;   
  15. }   
  16. </style>  
  17. </head>  
  18. <body>  
  19. <h2>响应式卡片</h2>  
  20. <div class="polaroid">  
  21.   <img src="rock600x400.jpg" alt="Norway" style="width:100%">  
  22.   <div class="container">  
  23.     <p>The Troll's tongue in Hardanger, Norway</p>  
  24.   </div>  
  25. </div>  
  26. </body>  
  27. </html>  
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持phpstudy。



相关阅读:
Java中的Calendar日历API用法完全解析
Linux系统上Samba服务器的配置教程
jQuery Ajax调用WCF服务详细教程
jquery处理json数据实例分析
MySQL中字段名和保留字冲突的解决办法
实例解析C++设计模式编程中简单工厂模式的采用
Unity UGUI教程之实现滑页效果
ASP.NET MVC5网站开发管理列表、回复及删除(十三)
MySQL实现差集(Minus)和交集(Intersect)测试报告
jsp 连接sql server 2008 连接不上的解决方法
Web安全测试之XSS实例讲解
Java中遍历数组使用foreach循环还是for循环?
c#通过DES加密算法加密大文件的方法
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 石家庄-天水 大扬气-太阳沟 曾家坪子-邓家湾 常州北-西安北 湘潭北-余杭 合肥-常州 昌图西-珲春 新安县-三门峡 小南海-黄磏 开原-辽阳 白音胡硕-珠斯花 庐山-青田 英德-江山 武汉-郑州 集宁南-羊场 韩城-石家庄北 南昌西-全州南 阜阳-长春 白山市-抚松 长春西-军粮城北 大堡-本溪 宜春-邢台东 梧州南-平南南 济源-磁窑 宿州-桃村 下板城-本溪 临江溪-王场 西安-安口窑 岳阳-徐州 滨海北-天津 同心-六盘山 清水-蔡家坡 富锦-公主岭 漳州东-凯里 山阴-武乡 乐清-嘉兴南 燕山-艾河 南昌-贵定 大虎山-锦州 文水-锦州 南平南-蕲春 熊岳城-镇江 明光-沟帮子 月山-三门峡西 娄底南-双峰北 查干哈达-沙日乃 平遥古城-运城北 惠安-济南西 中兴-昌图 星耀-汗苏鲁 新化-蚌埠 鲘门-鳌江 诸暨-衡水 石家庄-永济北 潢川-唐山 高密-江油 吐鲁番-武威南 十里坪-松树镇 山海关-胜芳 汤阴-武当山 永登-阿图什 西安北-高密 罗平-桂林北 大田边-陆良 郑州西-驻马店西 奉化-绍兴北 仙桃西-南通 王庄-白合 沈阳-玉泉 北京西-万州 南靖-温岭 泰康-长春西 衡阳-湘潭 阎家-长发屯 饶阳-沈阳 怀化-枣庄西 泰康-嫩江 三门峡-蚌埠 南充-进贤 莆田-龙游 从北京火车列车站到鹏润大厦应该做几路车
衢州到西塘_衢州到西塘
谁知道今年列车火车站学生票提前多少天购买要是知道大庆列车火车站
黄山和仙女湖哪里更好玩,说明理由
山东威海到内蒙古通辽市需要票价多少钱
从宁波市区自驾车去北仑洋沙山怎么坐车
安徽省有哪些历史名人他们对当地社会有什么影响
济南无影山黄冈路3号交通干部学校怎末走
自贡火车列车站订票电话是多少
k9080什么时候可以订票订票了非要第二天去拿吗拿的话可以
请问,从上海到北京的Z6次火车列车,在北京北站是否停靠
东莞客车站到广西贺州八步;坐几路车啊;车费要多少啊;
永康..健美操教练到哪里参加培训报名
北京到成都金堂淮口的顺丰速运在哪里领取请知情者为小弟指
平安贷款什么时候来淄博
从西峡坐火车到四川省乐山市多少钱
从中山市东区坐哪些公共汽车可到西区水牛城
深圳到厦门的汽车客车票价
金华到宁海西店镇怎么坐车
嘉兴列车火车站附近有什么好吃的
从余姚列车火车站去宁波大学怎么走
三亚到珠海怎么坐车最方便
德胜门西到昌平一中的多少小时
请帮我查一下邮政包裹PA09888252333从义乌市到山西省临汾市洪
从安宁庄到朝阳区的宜家怎么走
重庆北碚哪个车站有到永川的客车
潍坊从火车列车站怎样到浪潮
有没有到山东威海的火车列车
从天津在哪可以坐车去迁西 遵化 玉田 直达过站的
红宝宝票务网怎么样?忘了说一声,是做北京温泉滑雪和景区票的!

Copyright © 2016 phpStudy |