Tutorial Dasar Website-Cascading Style Sheet (CSS)

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.

About the Author

Seorang yang hobi nulis dan hobi berbagi kebaikan❣️

2 komentar

  1. Penjelasannya bagus min, jngan lupa lanjutin pembahasan tntang ini
    1. Siap gan. Kita akan melanjutkan materinya ..ikugin terus ya.😋
Cookie Consent
Kami menggunakan cookies di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Sepertinya ada yang salah dengan koneksi internet Anda. Harap sambungkan ke internet dan mulai menjelajah lagi.
AdBlock Detected!
Kami telah mendeteksi bahwa Anda menggunakan plugin pemblokir iklan di browser Anda.
Pendapatan yang kami peroleh dari iklan digunakan untuk mengelola situs web ini, kami meminta Anda untuk memasukkan situs web kami ke dalam daftar putih pada plugin pemblokir iklan Anda..
Site is Blocked
Sorry! This site is not available in your country.