Cara Menggunakan Font-variant dan List-style-type Dengan CSS

CSS (Cascading Style Sheets) adalah sebuah selaku pengatur html, atau tak dapat lepas dari html karena memang keduanya sama – sama urgen yang mana html selaku struktur nya dan css selaku pengatur html nya. Entah bagi mengatur posisi nya, warna nya, ukuran nya dan lain – lain, semuanya di perlukan bagi membangun tampilan tema laman yang di inginkan. Pastinya mesti tahu segala kegunaan – kegunaan yang di miliki css contoh misalkan ingin merubah ukuran font, merubah font family ataupun merubah huruf kecil menjadi huruf besar segala. Dan di kesempatan kali ini saya akan memberikan tips dan trik mengenai  Cara Menggunakan Font-variant dan List-style-type Dengan CSS, dimana di latihan kali ini kita akan merubah huruf kecil menjadi huruf besar segala dan kita akan belajar mengenai macam – macam properti yang terdapat di pada kegunaan List-style-type. Berikut ini yakni screen shoot yang nanti kita akan bikin



atau



Menjadi besar segala



atau



Kemudian macam – macam List-style-type



atau



Bagus, mari kita mulai belajar mengenai Cara Menggunakan Font-variant dan List-style-type Dengan CSS. Seperti lazim teman – teman siapkan text editornya dan bikin file dengan nama index.html lalu isikan script html nya di bawah ini



<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>merubah huruf kecil menjadi huruf besar segala</p>
</body>
</html>


Kemudian kita akan merubahnya menjadi huruf besar segala, teman – teman ketikkan css nya di pada tag head seperti gambar di bawah ini



atau



Lalu save dan jalankan di browser nya, karenanya huruf akan berubah menjadi besar segala. Langkah berikutnya kita implementasikan macam – macam type List-style-type, teman – teman tambahkan terlebih dahulu tag – tag html nya di bawah tag p



atau



Nah kalian ketikkan html nya seperti gambar di atas ini, seandainya telah baru kita akan tembahkan css nya. Teman – teman tambahkan pun script css nya di pada tag style



atau



Karenanya akan menghasilkan output seperti gambar di bawah ini



atau



Bagaimana, betul-betul gampang bukan..??



Bagi melihat demo nya teman – teman dapat klik di link ini



Oke, sekianlah dulu di artikel berikut ini mengenai Cara Menggunakan Font-variant dan List-style-type Dengan CSS kita berjumpa kembali di artikel yang akan datang. Semoga menginspirasi dan lebih gampang pada mempelajari kegunaan – kegunaan yang terdapat di css.



Terima Kasih dan Hingga Jumpa.




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS