Mengenal jenis jenis border di html


jenis border di HTML


1. Double


Jenis border dengan perintah double
<div style="border: 3px #1669aa Double; padding: 10px;background-color:#fff; text-align: left;"> Jenis border dengan perintah double</div>

2. Dashed


Jenis border dengan perintah dashed
<div style="border: 3px #1669aa Dashed; padding: 10px;background-color:#ffffff; text-align: left;">Jenis border dengan perintah dashed</div>

3. Solid


Jenis border dengan perintah solid
<div style="border: 3px #1669aa Solid; padding: 10px;background-color:#ffffff; text-align: left;">Jenis border dengan perintah solid</div>

4. Outset


Jenis border dengan perintah outset
<div style="background-color: #fff; border: 4px outset #1669aa; padding: 10px; t-align: left;">Jenis border dengan perintah outset</div>

5. Dotted


Jenis border dengan perintah dotted
<div style="border: 3px #1669aa Dotted; padding: 10px;background-color:#ffffff; text-align: left;">Jenis border dengan perintah dotted</div>
Itu lah kelima jenis border di HTML .. Semoga bermanpaat.
Maap ada yang lupa maklum sudah tua :) ini jenis border :

Ridge


<div style="border: 3px #1669aa ridge; padding: 10px;background-color:#ffffff; text-align: left;">Jenis border dengan perintah ridge</div>
Jenis border dengan perintah ridge

Groove


<div style="border: 3px #1669aa groove; padding: 10px;background-color:#ffffff; text-align: left;">Jenis border dengan perintah groove</div>
Jenis border dengan perintah groove
Lebih baru Lebih lama