Skip to main content

4. Make Card Header

Card yang dibuat dibagi kedalam dua bagian, yakni untuk header dan content. Bagian header diisikan menggunakan tag heading atau dituliskannya adalah tag H untuk menampilkan nama kita. Tag heading kita gunakan agar tampak berbeda dengan konten lainnya.


Contoh code

index.html
<!DOCTYPE html>
<head>
  <title>Creating Card</title>
</head>
<body>
  <div style="
    margin-top: 150px;
    width: 350px;
    border-radius: 16px;
    padding: 15px;
    border: 1px solid #00000033;
    box-shadow: 0px 0px 20px #00000040;
    ">
    <div>
      <h1 style="text-align: left">Rhoma Irama</h1>
    </div>
  </div>
</body>
</html>
image1-2