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

来源：动视网责编：小采时间：2020-11-27 18:52:50

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

分享CSS3制作卡片式图片的详细方法:先看看效果图：<!DOCTYPE html> <html> <head> <style> body {margin:25px;} p.polaroid { width: 40%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0,

推荐度：

点击下载本文 文档为doc格式

导读分享CSS3制作卡片式图片的详细方法:先看看效果图：<!DOCTYPE html> <html> <head> <style> body {margin:25px;} p.polaroid { width: 40%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0,

先看看效果图：

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

<!DOCTYPE html>
<html>
<head>
<style>
body {margin:25px;} 
p.polaroid { 
 width: 40%; 
 background-color: white; 
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
 margin-bottom: 25px; 
} 
p.container { 
 text-align: center; 
 padding: 10px 20px; 
} 
</style>
</head>
<body>
<h2>响应式卡片</h2>
<p class="polaroid">
 <img src="rock600x400.jpg" alt="Norway" style="width:100%">
 <p class="container">
 <p>The Troll's tongue in Hardanger, Norway</p>
 </p>
</p>
</body>
</html>

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

推荐度：

点击下载本文 文档为doc格式

标签：图片分享制作

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐