先看看效果图：
- >
- <html>
- <head>
- <style>
- body {margin:25px;}
- div.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;
- }
- div.container {
- 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, Norwayp>
- div>
- div>
- body>
- html>
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/CSS/77767.html
