Senin, 14 Februari 2011

STUDI KASUS MODUL 3


SOURCE CODE:
<!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>STUDI KASUS MODUL 3</title>
<style type="text/css">
<!--
.lingkaran{
width:100px;
height:100px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
background:cyan;
text-align:center;
font-size:15px;
color:#fff
}
.text-lingkaran{
padding-top: 25px;
}
.border1{
width:200px;
text-align:center;
font-style: italic;
padding:10px;
background:magenta;
color:blue;
font-weight: bold;
-moz-border-radius: 2em 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
}
.border2{
font-weight: bold;
font-style: italic;
text-align:center;
border: 5px solid blue;
}
.shadow {
width: 200px;
box-shadow: 5px 5px 7px #222;
-moz-box-shadow: 10px 10px 10px #222;
-webkit-box-shadow: 5px 5px 7px #222;
}
-->
</style>
</head>
<body>
<p>
<div class="lingkaran">
<p class="text-lingkaran">LINGKARAN

</div>
<p>
<div class="border1">
BORDER
</div>

<div class="shadow">
<p class="border2">BORDER SHADOW
</div>
</body>
</html>

Tidak ada komentar:

Posting Komentar

Senin, 14 Februari 2011

STUDI KASUS MODUL 3


SOURCE CODE:
<!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>STUDI KASUS MODUL 3</title>
<style type="text/css">
<!--
.lingkaran{
width:100px;
height:100px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
background:cyan;
text-align:center;
font-size:15px;
color:#fff
}
.text-lingkaran{
padding-top: 25px;
}
.border1{
width:200px;
text-align:center;
font-style: italic;
padding:10px;
background:magenta;
color:blue;
font-weight: bold;
-moz-border-radius: 2em 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
}
.border2{
font-weight: bold;
font-style: italic;
text-align:center;
border: 5px solid blue;
}
.shadow {
width: 200px;
box-shadow: 5px 5px 7px #222;
-moz-box-shadow: 10px 10px 10px #222;
-webkit-box-shadow: 5px 5px 7px #222;
}
-->
</style>
</head>
<body>
<p>
<div class="lingkaran">
<p class="text-lingkaran">LINGKARAN

</div>
<p>
<div class="border1">
BORDER
</div>

<div class="shadow">
<p class="border2">BORDER SHADOW
</div>
</body>
</html>

Tidak ada komentar:

Posting Komentar