BELAJAR WEB DESAIN

Mengatur border di css3

Di css3 anda dapat membuat efek border dengan lengkungan

contoh:

div
{
width:190px;
height:100px;
padding-left:10px;
border:2px solid;
border-radius:25px;       /* Membuat efek border */
text-align:center;       /* Agar tulisan berada ditengah */
-moz-border-radius:25px; /* Firefox 3.6 and atau yang terbaru */
}
</style>

akan didapat hasil seperti gambar dibawah ini.

border radius

Anda juga dapat memberikan efek shadow pada border 

div
{
width:190px;
height:100px;
padding-left:10px;
border:2px solid;
border-radius:25px;       /* Membuat efek border */
text-align:center;       /* Agar tulisan berada ditengah */
-moz-border-radius:25px; /* Firefox 3.6 and atau yang terbaru */
box-shadow:1px 1px 5px 2px #000; //bila inging menambah efek shadow
}
</style>

efek shadow

Dukungan browser

browser suppor

Selamat mencoba