Posts Tagged “style”

Mengenal z-index pada CSS 3

Ada banyak fitur baru yang dikenalkan di CSS3, salah satunya adalah property z-index. z-index adalah sebuah property css yang digunakan untuk mengatur sebuah posisi element terhadap sumbu z. Kalau sebelumnya kita mengenal ada sumbu x (horizontal) dan sumbu y (vertikal), kali ini kita gunakan sumbu z (3 dimensi). Property z-index sendiri bukanlah pengatur element 3 dimensi, yang dimaksudkan disini…

Membuat Template Website dengan CSS bagian 1

Membuat Template Website dengan CSS bagian 1

Template atau kerangka wadah dalam sebuah website adalah sesuatu yang penting untuk diperhatikan. Template dan visual yang menarik  dalam sebuah website adalah penting agar pengunjung website merasa nyaman dan betah mengunjungi website tersebut. Artikel kali ini kita tidak membahas template yang seperti apa yang baik untuk diterapkan, tetapi di sini kita akan membuat template dari…

Perbedaan Relative dan Absolute Position dalam CSS

Perbedaan Relative dan Absolute Position dalam CSS

Pernah melihat kode CSS seperti ini “position: relative;” ? Ya, “Position” merupakan salah satu property CSS yang memiliki dua nilai yang sering digunakan, yaitu “Absolute” dan “Relative”. Lalu apa perbedaannya? Ok, kita langsung saja buat contohnya dengan membuat dua buah file “index.html” dan “style.css” yang disimpan dalam sebuah folder yang sama. Berikut kodenya :

Hidden/Visible Element HTML Menggunakan Javascript

Hidden/Visible Element HTML Menggunakan Javascript

Interaksi antar element HTML sering kita jumpai, bahkan saat ini jQuery merupakan senjata ampuh dalam melakukan interaksi antar element dan dengan data. Namun, senjata kuno alias javascript pun masih bisa melakukan hal itu, bahkan lebih simple dan cepat. Kali ini kita akan mencoba membuat interaksi antar element html, dimana sebuah element bisa terlihat/muncul dan sembunyi/menghilang dari…

Fungsi !important Pada CSS

Sering kita jumpai code !important pada CSS. Lalu, apa sih fungsi dari !important itu sendiri? Sebelumnya perlu kita ketahui jika pada suatu css, baik itu class, div, ataupun tag, terdapat dua kode css (property css) yang sama, maka kode yang paling bawahlah yang yang digunakan, sedangkan yang di atas tidak digunakan.

Membuat Link seperti Button

Membuat Link seperti Button

Bosen melihat link seperti ini -> informatika ??? Disini kita akan membuat link tampil berbeda, dimana link akan kita sulap menjadi sebuah button hanya dengan menggunakan css! Di bawah ini adalah gambar sebuah link yang akan kita buat.

Go Top