W3.CSS Colored Cards

컬러 카드를 표시하려면 w3- 컬러 클래스를 추가하십시오 .

<div class="w3-card">
  <p>w3-card</p>
</div>

[전체소스]

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>

<div class="w3-container">
  <h2>Cards</h2>
  <p>Create paper-like cards with the w3-card classes:</p>

  <div class="w3-panel w3-card"><p>w3-card</p></div>
  <div class="w3-panel w3-card-2"><p>w3-card-2</p></div>
  <div class="w3-panel w3-card-4"><p>w3-card-4</p></div>
</div>

</body>
</html>