Archive for the 'Belajar CSS' Category

Membuat 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 tag elemen HTML [...]

Selengkapnya tentang: Membuat rounded corners menggunakan CSS
Posted on June 1st, 2008 in Belajar CSS | 12 Comments

Pengaturan 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 B </li>
<li>Menu C </li>
</ul>
Hasil yang [...]

Selengkapnya tentang: Pengaturan List menu dengan CSS
Posted on May 21st, 2008 in Belajar CSS | 3 Comments

Belajar CSS

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 miring</p>
Maka hasil dari style diatas adalah [...]

Selengkapnya tentang: Belajar CSS
Posted on May 8th, 2008 in Belajar CSS | 14 Comments