Macam-Macam Border

Print this page

Inilah macem moder Border yang saat ini saya bisa ,,,,Buat yang belum tahu silahkan baca  dan bagi yang udah tahu jangan dibaca lewati aja hehehehe.....Mungkin aja ini bisa sedikit membantu sobat buat ngedandanin Blognya biar Makin Caem

Langsung aja Sobat perhatikan penulisan kode-kode dibawah ini dan Lihat hasilnya

 1

<div style="background-color: none; border : 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

 2

<div style="background-color: none; border : 4px double #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

3

<div style="background-color: none; border : 4px inset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

 4

<div style="background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

 5

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

 6

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px double #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

 7

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px inset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

 8

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

 9

<div style="-moz-border-radius: 20px 0px 20px 0px;; -webkit-border-radius:  20px 0px 20px 0px;border-radius:  20px 0px 20px 0px; background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

10

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border-bottom: 2px solid #ff0000; border-left: 15px solid #ff0000; border-right: 15px solid #ff0000; border-top: 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

11

<div style="background-color: none; border-bottom: 2px solid #ff0000; border-left: 15px solid #ff0000; border-right: 15px solid #ff0000; border-top: 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>

ISINYA DISINI

12

<div style="background-color: none; border: 6px dotted #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>

ISINYA DISINI

13

<div style="background-color: none; border: 4px dashed #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>

ISINYA DISINI

14

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 6px dotted #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>

ISINYA DISINI

15

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 4px dashed #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>

ISINYA DISINI

16

<div style="background-color: none; border: 6px groove #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>

ISINYA DISINI

17

<div style="background-color: none; border: 6px ridge #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>

ISINYA DISINI

18

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 6px groove #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>

ISINYA DISINI

19

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;background-color: none; border: 6px ridge #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>

ISINYA DISINI

Utak atik kode-kodenya Sobat mulai background color  & border colornya ,biar tampilan Lebih menarik
Semoga bermanfaat

Artikel Terkait