먼저 렌더링을 살펴보겠습니다.
<!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="max-width:90%">
<p class="container">
<p>The Troll's tongue in Hardanger, Norway</p>
</p>
</p>
</body>
</html>위는 이 기사의 전체 내용이 모든 사람의 학습에 도움이 되기를 바라며, 또한 모든 사람이 PHP 중국어 웹사이트를 지지하기를 바랍니다.
CSS3 카드 스타일 이미지를 공유하는 더 자세한 방법은 PHP 중국어 웹사이트의 관련 기사를 참고하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
