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>

No comments:

Post a Comment