BELANDAZ WAP™ | div style

Berikut ini adalah macam div yg biasa di gunakan dlm membuat div style,maupun css.. Silahkan kmu teliti.. Agar kmu mengerti bagaimana mengombinasikan antara div satu maupun yg lain nya.. Tinggal gnti ukuran (px) dan warna nya..Dan setelah it kmu tentu bisa membuat div style sendiri yg kreatif..
Contoh kombinasi Border solid dg Baground image seperti ini :

EDRYC WAP

Selanjutnya tinggal bagai mana kamu membuat kombinasi yg tepat untuk div2 berikut,agar sesuai dg apa yg kamu ingini..
Selamat berkreasi..

Background color :
EDRYC™

<div style="background-color: green;">EDRYC™</div>

Background image:

EDRYC WAP™

<div style="background-image: url(http://edryc.wapsite.me/images/2.gif);">EDRYC WAP™</div>

Border solid :
Example

<div style="border: solid 2px red;">Example</div>

Border dashed
Example

<div style="border: dashed 2px green;">Example</div>

Border dotted
Example

<div style="border: dotted 2px red;">Example</div>

Border doble
Example

<div style="border: double 3px green;">Example</div>

Border Outset
Example

<div style="border: outset 5px red;">Example</div>

Border inset
Example

<div style="border: inset 7px green;">Example</div>

Border groove
Example

<div style="border: groove 4px green;">Example</div>

Border ridge
Example

<div style="border: ridge 5px red;">Example</div>

Border align
Example

<div style="border: solid 2px red; text-align: center;">Example</div> Align atur saja: center/left/right

Margin
(Di luar border)
Example

<div style="border: solid 1px red; margin: 10px;">Example</div>

Padding
(di dalam border)
Example

<div style="border: solid 1px red; padding: 10px;">Example</div>

bg,Border,margin and padding :
Example

<div style="background-color: blue; border: ridge 3px red; margin: 10px; padding: 10px;">Example</div>

div + text shadow
www.edryc.wapsite.me

<div style="border: solid 1px red; text-shadow: 1px 2px 5px green;">Example</div>

Fieldset
EDRYC WAP™edryc.wapsite.me

<fieldset style="text-align: center;"><legend><b>EDRYC WAP™</b></legend><a href="http://edryc.wapsite.me" class="">edryc.wapsite.me</a></fieldset>