Cara Membuat Border Melengkung Dengan CSS3 - Selamat datang para saudara-saudariku sekalian pada kali ini
NEMBAZ akan berbagi tentang bagaimana membuat sebuah border dengan sudut yang melengkung menggunakan style modern kita
CSS3. Bagaimana cara membuatnya...??? Cekibrot... ^_^
 |
| Contoh-contoh border melengkung menggunakan CSS3 |
Tapi ingat ya CSS3 hanya support dengan browser-browser keluaran atau versi terbaru dari masing-masing perusahaan pembuat browser seperti Mozilla Firefox. Dan jangan lupa untuk selalu berdoa sebelum mencoba script di bawah ini. hihihi...
index.php
- <!DOCTYPE html>
- <html>
- <head>
- <style type="text/css">
- #melengkung
- {
- text-align:center;
- border:3px solid #f45ff4;
- padding:10px 40px;
- background:#ererer;
- width:250px;
- border-radius:20px;
- -moz-border-radius:25px;
- }
- </style>
- </head>
- <body>
- <div id="melengkung">Ini adalah contoh bagaimana membuat border melengkung menggunakan CSS3</div>
- </body>
- </html>
Copy contoh pembuatan
border dengan sudut melengkung di atas pada sebuah
notepad kemudian simpan dengan nama
index.php. Terus... buka deh pakai browser. ^_^
Selamat mencoba. :)
