Script :
<!DOCTYPE html>
<html lang="en">
<title>Demo Rounded Borded</title>
<style type="text/css">
<!--
.lingkaran{
background-color:#ddccb5;
-moz-border-radius: 180px;
-webkit-border-radius: 2px;
border : 2px solid #897048;
padding : 30px;
width : 120px;
height : 120px;
}
-->
<!--
.kotak{
background-color:#ddccb5;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius: 10px;
border : 4px solid #897048;
padding : 10px;
width : 250px;
height : 50px;
}
-->
<!--
.shadow{
background-color:#ddccb5;
-moz-border-radius-topleft: 0px;
-moz-box-shadow: 10px 10px 5px;
-webkit-border-radius: 10px;
border : 1px solid #897048;
padding : 10px;
width : 250px;
height : 50px;
}
-->
</style>
</head>
<body>
<div class="lingkaran" align="center">
Yang ini border
lingkaran
Pendekata yang digunakan masih
sma lho. Ayo,
kreasikan sendiri ya??
</div>
<br />
<div class="kotak">
Bisa juga bikin kreasi border seperti ini.
Mmmmmm......
</div>
<br />
<div class="shadow">
Bisa juga bikin kreasi border seperti ini.
Mmmmmm......
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar