Ini adalah contoh membuat ojek 2D dengan HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Studi Kasus</title>
<link rel="shortcut icon" href="icon.png"/>
<style type="text/css">
<!--
.round{
background-color:aqua;
-moz-border-radius: 200px;
-webkit-border-radius: 2px;
border : 5px solid blue;
padding : 30px;
width : 160px;
height : 160px;
}
-->
<!--
.box_round{
background-color: green;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-radius: 10px;
border : 3px solid red;
padding : 10px;
width : 275px;
height : 100px;
}
-->
<!--
.box_shadow{
background-color : yellow;
-moz-border-radius-topleft: 0px;
-moz-box-shadow: 10px 7px 5px;
-webkit-border-radius: 10px;
border : 3px solid red;
padding : 10px;
width : 275px;
height :100px;
}
-->
</style>
</head>
<body>
<div class="round" align="center">
“Saya sedang belajar membuat lingkaran dengan HTML”.
</div>
<br />
<div class="box_round">
“Saya sedang belajar melengkungkan sudut segi empat”.
</div>
<br />
<div class="box_shadow">
“Saya belajar membuat bayangan dari segi empat”.
</div>
</body>
</html>
0 komentar:
Posting Komentar