Archive for the 'Belajar CSS' Category
CSS adalah singkatan dari Cascading Style Sheets, yang berfungsi untuk mengontrol tampilan dari sebuah halaman website. Ada 3 cara untuk memasukkan CSS ke dalam dokumen HTML yaitu: 1. Dengan menambahkan langsung di tag dokumen html, sebagai contoh: <p style="color:blue">Membuat tulisan warna biru</p> <p style="font-family:arial;font-size:150%;color:green">Membuat jenis font, ukuran dan warna</p> <p style="color:yellow;background-color:red;width:60px;text-align: center">Test</p> <p style="font-style:italic;">Membuat tulisan [...]
Baca selengkapnya tentang: Belajar CSSPengaturan List menu dengan CSS
Pengaturan List menu dengan CSS Tag elemen untuk membuat List di dalam dokumen HTML adalah: <ul> digunakan untuk list yang tidak berurutan (unordered list) kemudian, <ol> digunakan untuk list yang berurutan kemudian diikuti <li > adalah list menu yang akan ditampilkan (list item). Untuk lebih jelasnya perhatikan contoh berikut ini: <ul> <li>Menu A </li> <li>Menu [...]
Baca selengkapnya tentang: Pengaturan List menu dengan CSSMembuat rounded corners menggunakan CSS
Apa itu Rounded corners? Untuk lebih jelasnya perhatikan gambar di bawah ini: Kita dapat melihat bahwa setiap sudutnya memiliki lengkungan yang rapi. Biasanya untuk membuat lengkungan tersebut kita menggunakan gambar (image), namun kita dapat membuat rounded corners tersebut dengan hanya menggunakan CSS. Bagaimana caranya? ikuti langkah-langkah berikut ini. Inilah kehebatan dari CSS, dengan hanya menggunakan [...]
Baca selengkapnya tentang: Membuat rounded corners menggunakan CSSCSS example
Welcome to HTML CSS Guides.com Created by Masim man only using CSS, all rounded corners no image, no table, no js and fully resizable – tested on IE7, FF2.0 Win. CSS Resources A basic introduction to Cascading Style Sheets. CSS Structure and Rules. Tutorials, FAQ and examples of how to create CSS based page layouts. [...]
Baca selengkapnya tentang: CSS exampleJenis-jenis font family untuk CSS
Berikut adalah contoh penulisan font-family: selector {font-family: family-name, generic-family;} Contoh real untuk pengaturan font selector heading (h1) di dalam CSS: h1 {font-family: ”Trebuchet MS”, Helvetica, sans-serif;} family-name family-name adalah nama dari kumpulan beberapa font yang sejenis, seperti contoh Trebuchet MS Normal, Trebuchet MS Bold, Trebuchet MS Italic, Trebuchet MS Bold Italic, jadi family-name untuk font-font [...]
Baca selengkapnya tentang: Jenis-jenis font family untuk CSS
