先看看效果图：
XM L/HT ML Code 复制内容到剪贴板
<!DOCTY PE &nbs p; html > < html > < head > < style > body {m arg in:25px;} div.pola ROI d { width: 40%; background-color: wh IT e; box -s hadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); ;m ar gin -bottom: 25px; } div.cont ai ner { text-align: center ; padding: 10px 20px; } </ style > </ head > < body > < h2 > 响应式卡片 </ h2 > < div class = "polaroid" > < img src = "rock600x400. jpg " alt = "Norway" style = "width:100%" > < div class = "container" > < p > The Troll's tongue in Hardanger, Norway </ p > </ div > </ div > </ body > </ html >
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
总结
以上是 为你收集整理的 分享CSS3制作卡片式图片的方法 全部内容，希望文章能够帮你解决 分享CSS3制作卡片式图片的方法 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于分享CSS3制作卡片式图片的方法的详细内容...