Feb 15, 2011

Studi Kasus Modul Tiga

Source code:
<br /> <br /> <!DOCTYPE html><br />
<html lang="en"><br />
<head><br />
<title>studi kasus</title><br />
<style type="text/css">
<!--

.lingkaran{
background-color: #5bf858;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border: 2px solid #f4f709;
width: 200px; height: 200px;
color : green; }
#tulisan{
text-align : center;
position : relative;
border : none;
width : 100px;
height : 100px;
color : red; }
.daun{ padding : 10px;
border : 10px solid #e114aa;
width : 500px; height : 50px;
border-bottom-right-radius : 30px;
border-top-left-radius : 30px;
background-color: #7f57da }
#tulis{
text-align : left;
position : relative;
border : none;
width : 500px;
height : 4px;
color : blue; }
.bayangan{
padding: 20px;
border : 3px solid #ef220d;
-moz-box-shadow : 5px 5px 8px rgba(50, 0, 255, 2);
-webkit-box-shadow : 5px 5px 5px rgba(255, 0, 255, 0.5);
width : 500px;
height : 40px; background-color: #41c1f7;
}
#tuulis{
text-align : left;
position : center;
border : none;
width : 500px;
height : 50px;
color : purple; }
-->
</style><br />
</head><br />
<body><br />
<div class="lingkaran" align="center">
<p id="tulisan">Anda bukan apa yang anda fikirkan<br /> tentang anda, tetapi apa<br />
yang anda fikirkan itulah anda<br />
</div> <br/><br /> <br/><br />
<div class="daun">
<p id="tulis">Orang-orang yang berhenti belajar akan menjadi pemilik masa lalu.<br />
Orang-orang yang masih terus belajar, akan menjadi pemilik masa depan<br />
</div> <br/><br /> <br/><br />
<div class="bayangan">
<p id="tuulis">Wanita yang cantik tanpa peribadi yang mulia,<br />umpama kaca mata yang
bersinar-bersinar, tetapi tidak melihat apa-apa<br />
</div>
</body><br />
</html><br />
</body><br />
</html><br />

0 komentar:

Post a Comment