Bentuk Border Teks

Ini adalah contoh bentuk border teks ...

Kreasi Dotted

<div style="-moz-border-radius: 20px 10px 20px 10px; -webkit-border-radius: 20px 10px 20px 10px; background-color: white; border-radius: 20px; border: 2px dotted #FF1493; color: black; padding: 5px;">
<div style="text-align: center;">
TEKS DISINI</div>

<div style="background-color: white; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border: 3px dotted #FF1493; padding: 5px;">

TEKS DISINI</div>

Kreasi Solid

<div style="background-color: white; border: 4px Solid #FF1493; padding: 5px; width: auto;">
<div style="text-align: center;">
TEKS DISINI</div>
</div>

 <div style="background-color: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 20px; border: 2px solid #FF1493; padding: 5px;">
<div style="text-align: center;">
TEKS DISINI</div>

<div style="background-color: white; border: 4px double #FF1493; padding: 5px; width: auto;">

TEKS DISINI</div>

Kreasi Dashed

<div style="background-color: white; border: 2px dashed #FF1493; padding: 5px; width: auto;">

TEKS DISINI</div>

 <div style="background-color: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 20px; border: 2px Dashed rgb(255, 20, 147); padding: 5px;">
<div style="text-align: center;">
TEKS DISINI</div>

<div style="background-color: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border: 2px dashed rgb(255, 20, 147); padding: 5px;">
<div style="text-align: center;">
TEKS DISINI</div>
</div>

Kreasi Groove

<div style="background-color: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border: 2px groove rgb(255, 20, 147); padding: 5px;">
<div style="text-align: center;">
TEKS DISINI</div>
</div>

<div style="background-color: white; border: 4px groove #FF1493; padding: 5px; width: auto;">

TEKS DISINI</div>

 <div style="background-color: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 20px; border: 2px groove rgb(255, 20, 147); padding: 5px;">
<div style="text-align: center;">
TEKS DISINI</div>

<div style="background-color: white; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border: 4px groove #FF1493; padding: 5px;">TEKS DISINI</div>

Kreasi Ridge

<div style="background-color: white; border: 7px Ridge #FF1493; padding: 5px; width: auto;">

TEKS DISINI</div>

Kreasi Inset

<div style="background-color: white; border: 6px Inset #FF1493; padding: 5px; width: auto;">

TEKS DISINI</div>

Kreasi Outset

<div style="background-color: white; border: 6px outset #FF1493; padding: 5px; width: auto;">

TEKS DISINI</div>

Baca Artikel Lainnya