Tutorial Dasar Website-Cascading Style Sheet (CSS)

Rafiqi, S.Kom.
Rafiqi, S.Kom.
Maret 25, 2020
2
Tutorial Dasar Website-Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS)

Hi Web Developer! kali ini guru design akan berbagi tutorial cara menggunakan CSS di website. Sebelumnya jika anda belum tau apa itu CSS klik disini. Pada materi sebelumnya kita telah membahas cara membuat hyperlink Langsung ketutorialnya Jadi cara menggunakan CSS di website sangat mudah, silahkan simak sampai habis.

Tempatkan kode berikut tepat diantara head pembuka dan penutup

<style type="text/css">
    h6{color:blue;
     background-color:pink;
     font-family: Oswald, Arial, Helvetica, sans-serif;
     font-size: 14px;
     text-decoration: none;
        text-transform: uppercase;}
</style>

 

Begini Penerapannya

 

<html>
    <head>
        <title> Judul mu tulis disini </title>
        <style type="text/css">
            h6{color:blue;
                  background-color:pink;
                  font-family: Oswald, Arial, Helvetica, sans-serif;
                  font-size: 14px;
                  text-decoration: none;
                  text-transform: uppercase;}
        </style>
    </head>
        <body>
            <h6>Belajar CSS dasar mengunakan warna biru, warna background pink, jenis font Oswald, ukuran font 14, text dekorasi gax ada, text transform uppercase berati semua huruf menjadi kapital</h6>
        </body>
</html>

 

Begini Demonya

 

BELAJAR CSS DASAR MENGUNAKAN WARNA BIRU, WARNA BACKGROUND PINK, JENIS FONT OSWALD, UKURAN FONT 14, TEXT DEKORASI GAX ADA, TEXT TRANSFORM UPPERCASE BERATI SEMUA HURUF MENJADI KAPITAL

NEXT Tutorial Dasar Website-Properti CSS Background (ready)
Sekian tutorialnya trimakasih semoga bermanfaat.
Rafiqi, S.Kom.