您现在的位置是：网站首页>内容内容

分享CSS3制作卡片式图片的方法CSS3实现圆角、阴影、透明效果并兼容各大浏览器css3圆角边框和边框阴影示例css3圆角样式分享自定义按钮样式让IE6、IE7、IE8支持CSS3的圆角、阴影样式CS

2023-10-21 03:42:04 【512953070@qq.com】 394人已围观

简介 这篇文章主要为大家分享了CSS3制作卡片式图片的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

先看看效果图：

XML/HTML Code复制内容到剪贴板
  1. >  
  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, Norwayp>  
  24.   div>  
  25. div>  
  26. body>  
  27. html>  
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：CSS3制作缩略图的详细过程IE7下生成高质量CSS缩略图CSS3制作圆角图片和椭圆形图片HTML5实践-图片设置成灰度图Dreamweaver中实现双背景图片导航菜单的代码网页设计中对于图片格式与设

下一篇：Win11重启速度慢怎么办？Win11重启慢的解决方法_windows11_Windows系列_操作系统_

热评

文章评论

上一页 3 下一页

点击排行

Win11重启速度慢怎么办？Win11重启慢的解决方法_windows11_Windows系列_操作系统_

本栏推荐

Win11重启速度慢怎么办？Win11重启慢的解决方法_windows11_Windows系列_操作系统_
发布内容
-六神源码网