3. Mengatur Tampilan Dengan CSS

3.1. Contoh Penggunaan CSS

Perhatikan tag HTML di bawah ini :

<html>
  <head>
    <link href='https://fonts.googleapis.com/css?family=Mali' rel='stylesheet'>
    <style>
      body { font-family: 'Mali'; font-size: 14pt; text-shadow: 1px 1px 4px black; background-color: maroon; color: rgba(255, 192, 192, 0.75); font-weight: 100; }
    </style>
  </head>
  <body>
    <center><h2 style="letter-spacing: 18px; font-weight: 600;"><i>DUKA</i></h2>
    <i>"Sedihmu membuatku tak sanggup memejamkan mata.<br>Badai hawa 
    menerjangku ke alam fana.<br>Rasa itu sungguh menyakitkan.<br>
    Tenggorokan tercekat, ngilu tak sanggup menelan ludah"</i></center>
  </body>
</html>

Salin kode di atas dan tempelkan ke aplikasi berikut. Ubah nilai-nilai atau konfigurasi yang menurut anda menarik dan perhatikan perubahan tampilannya