About Mew O wSepakbolaTV OnlineGameOnlineAplikasiAwardDaftar isi

Senin, 12 November 2012

Membuat Border / widget melengkung pada blog

Pasti sobat sudah pernah melihat sudut pada blog, baik di widget maupun terdapat pada border artikel..
Nah kali saya akan membuat turtorial cara membuat sudut border atau widget melengkung...
Jika sobat tertarik untuk membuatnya, simaklah turtorial di bawah ini...
Contoh border pada artikel / border baru mau di buat :


  • <div style="background-color: #eaeaea; border: 6px #000000 inset; height: 100px; padding: 10px; text-align: left; width: 150px;">ReX^RooM</div>
dan hasil dari code itu adalah :

ReX^RooM

Jika kita tambahkan Code seperti di bawah ini
  • border-radius: 15px
Maka hasilnya akan seperti ini :
  • <div style="background-color: #eaeaea; border-radius: 15px; border: 6px #000000 inset; height: 50px; padding: 10px; text-align: left; width: 150px;">
    ReX^RooM</div>

ReX^RooM

Selain itu sobat bisa membuat sudut melengkung pada sudut tertentu. berdasarkan hasil di atas maka sudut - sudut melengkung lainnya akan seperti di bawah ini

Border-radius: 15px 0px;

Border-radius: 0px 15px;

Border-radius: 15px 15px 0px

Border-radius: 0 15px 15px;

Border-radius: 15px 0 15px;

Border-radius: 0px 0 15px;

Border-radius: 15px 0 0 15px;

Border-radius: 0 15px 15px 0;

dan lain sebagainya.....



Related Post:

Ditulis Oleh : jolly sondakh ~ Great Works Of Art

Artikel Membuat Border / widget melengkung pada blog ini diposting oleh jolly sondakh pada hari Senin, 12 November 2012. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

Comments
4 Comments

4 komentar: