Beberapa Macam Model Border


Garis tepi atau yang lebih sering dikenal dengan istilah border, cukup beragam modelnya.

Berikut ini adalah beberapa contoh sekaligus kodenya untuk Anda.


Contoh border Groove


<div style="width:350px; height:30px; border:8px groove #ff0000; padding:10px;">
Letakkan kalimat Anda di sini</div>

Contoh border Double


<div style="width:350px; height:30px; border:8px double #0000ff; padding:10px;">
Letakkan kalimat Anda di sini</div>

Contoh border Ridge


<div style="width:350px; height:30px; border:8px ridge #98bf21; padding:10px;">
Letakkan kalimat Anda di sini</div>

Contoh border Inset


<div style="width:350px; height:30px; border:8px inset #ff00ff; padding:10px;">
Letakkan kalimat Anda di sini</div>

Contoh border Outset


<div style="width:350px; height:30px; border:8px outset #00ffff; padding:10px;">
Letakkan kalimat Anda di sini</div>

Contoh border Dotted


<div style="width:350px; height:30px; border:8px dotted #00A651; padding:10px;">
Letakkan kalimat Anda di sini</div>

Contoh border Solid


<div style="width:350px; height:30px; border:8px solid #9933CC; padding:10px;">
Letakkan kalimat Anda di sini</div>

KETERANGAN :

Sesuaikanlah ukuran width dan heightnya.
dengan jumlah kalimat yang Anda masukkan.

Gantilah ukuran dan warna bordernya
dengan ukuran dan warna yang Anda inginkan.

Tulis kalimat yang Anda inginkan dan
letakkan pada tempat yang tersedia.

Selamat mencoba, good luck!

0 komentar:

Posting Komentar