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" xml:lang="en" lang="en">
<head>
<title>Demo Rounded Border</title>
<style type="text/css">
.circle {
background-color: #ddccb5;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border: 2px solid #897048;
padding: 90px;
width: 90px;
height: 90px;
}
.kotak {
width: 200px;
height: 100px;
border: 2px solid #897048;
-moz-box-shadow: 10px 10px 20px red;
-box-shadow: 10px 10px 20px red;
}
.muncung {
margin:15px;
-moz-border-radius-bottomright: 25px 25px;
-moz-border-radius-topleft: 25px 25px;
background-color: #ddccb5;
border: 2px solid #897048;
padding: 90px;
width: 400px;
height: 10px;
}
</style>
</head>
<body>
<div class="circle">
Gampang sekali lho bikin rounded border :-)
</div>
<br />
<div class="kotak">
Gampang sekali lho bikin rounded border :-)
</div>
<br />
<div class="muncung">
Gampang sekali lho bikin rounded border :-)
</div>
<br />
</body>
</html>
Tidak ada komentar:
Posting Komentar