您好,欢迎来到微柏美食网。
搜索
您的当前位置:首页分享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, 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>

Copyright © 2019- wblj.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务