Motivator seo -
CSS Border - Radius sangat penting untuk blog,untuk memperindah blog memudahkan kita untuk merubah sudut pada sebuah box atau kotak menjadi tumpul atau melengkung , bahkan dengan CSS Border - Radius kita bisa membuat sebuah lingkaran.
Masing - masing sudut bisa diatur nilain nya secara sendiri - sendiri,seperti bagian atas - kanan , atas - kiri , bawah - kanan , dan bawah - kiri.
Contoh 1 :
<div class="Contoh_1" style="-moz-border-radius: 0 0 50px 0; -webkit-border-radius: 0 0 50px 0; background-color: #e0e0e0; border-radius: 0 0 50px 0; border: 2px solid #3b5998; height: 65px; width: 160px;"></div>
Contoh 2 :
Kode :
<div class="Contoh_2" style="height: 65px; width:160px;-moz-border-radius: 0 50px 25px 0;-webkit-border-radius: 0 50px 25px 0; border-radius: 0 50px 25px 0; background-color:#e0e0e0;border:2px solid #3b5998;"></div>
Contoh 3 :
<div class="Contoh_3" style="-moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; background-color:#e0e0e0; border-radius: 0 50px 50px 0; border:2px solid #3b5998; height:65px; width:160px;"></div>
Contoh 4 :
<div class="Contoh_4" style="-moz-border-radius: 25px 50px 25px 50px; -webkit-border-radius: 25px 50px 25px 50px; background-color: #e0e0e0; border-radius: 25px 50px 25px 50px; border: 2px solid #3b5998; height: 65px; width: 160px;"></div>
Contoh 5 :
<div class="Contoh_5" style="-moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; background-color: #e0e0e0; border-radius: 25px 25px 25px 25px; border: 2px solid #3b5998; height: 65px; width: 160px;"></div>
Contoh 6 :
Kode :
<div class="Contoh_6" style="-moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; background-color: #e0e0e0; border-radius: 50px 50px 50px 50px; border: 2px solid #3b5998; height: 70px; width: 70px;"></div>
Semoga bermanfaat salam blogger dari motivator seo...!!!
No comments:
Post a Comment