Dibawah ini adalah salah satu cara membuat pojok yang
tadinya siku=siku menjadi melengkung dengan css. Langsung saja di praktekkan
dengan mengetik scrip dibawah ini (dengan notepad) Lalu simpan dengan format
(.html).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.pojokanmelengkung {
background-color:
#FF6633;
margin-left:
auto;
margin-right:
auto;
height:
200px;
width:
1000px;
/*untuk
css yang support di google crome*/
border-top-left-radius:
15px;
border-bottom-left-radius:
15px;
border-top-right-radius:
15px;
border-bottom-right-radius:
15px;
/*untuk
css yang support di mozila firefox*/
-moz-border-radius-topleft:
15px;
-moz-border-radius-bottomleft:
15px;
-moz-border-radius-topright:
15px;
-moz-border-radius-bottomright:
15px;
}
</style>
</head>
<body>
<div class="pojokanmelengkung"></div>
</body>
</html>
Sekian dahulu postingan yang ilmu buat semoga berhasil dan
menambah pengetahuan anda
+ comments + 2 comments
Siap... langsung praktek gan :D
oke terimksih sudh berkunjung
Post a Comment