Cara membuat sudut menjadi tumpul – Rounder Corner adalah cara bagaimana membuat sebuah sudut menjadi tumpul. Dalam CSS kita mengenal istilah border. Defaultnya jika kita mengatur sebuah element dengan border, maka tampilan akhirnya adalah sudut siku 90 derajat .
Terinspirasi dari tutorial sebelumnya Membuat Recent Post Silde Show di Blogger / Blogspot dimana saya menampilkan image dengan border tumpul. Adapun tips untuk membuat agar sudut menjadi tumpul adalah sebagai berikut :
1. Siapkan text editor anda2. Kemudian ketikan beberapa barisan kode dibawah ini :
<html>
<head>
<title>Membuat Sudut tumpul</title>
<style type="text/css">
#box{
border:2px solid #dfd9c3;
background-color:#f5f3e5;
width:250px;
height:250px;
margin:auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
</style>
</head>
<div id="box"></div>
</html>
3. Lalu simpan dengan ektensi .html
4. Kemudian eksekusi file tersebut. Dan lihat hasil akhirnya
Demikian Cara membuat sudut menjadi tumpul pada CSS. Selamat Mencoba.
Posting Komentar
Posting Komentar