Just a little word: studi kasus (modul 3)

studi kasus.html

<br /> <br /> <!DOCTYPE html><br /> <html lang="en"><br /> <head><br />  <title> Studikasus</title><br />  <link rel="stylesheet" href="studikasus.css" type="text/css"/><br /> </head><br /> <br /> <body><br />  <div class="lingkaran" align="center">  <p id = "isi-lingkaran">ini isi dari sebuah lingkaran tak berujung.</p> </div> <br/><br />  <div class="kotak">kotak bersudut lengkung</div> <br><br />  <div class="bayangan">persegi panjang dengan siku bayangannya</div </body></html><br /> <br />

studikasus.css

<br />
.lingkaran{<br />
-moz-border-radius : 100px;<br />
-webkit-border-radius :100px;<br />
border: 2px solid #8970448;<br />
width: 200px;<br />
height: 200px;<br />
background-color: #cf4cbb;<br />
<br />
}<br />
#isi-lingkaran {<br />
font: 20px Benguiat Frisky;<br />
text-align : center;<br />
position : relative;<br />
border : none;<br />
width : 100px;<br />
height : 50px;<br />
top : 50px;<br />
}<br />
<br />
.kotak{<br />
font: 20px Benguiat Frisky;<br />
border: 3px solid #df4b24;<br />
width: 300px;<br />
height: 50px;<br />
padding : 10px;<br />
Border-bottom-right-radius: 40px;<br />
Border-top-left-radius:40px;<br />
}<br />
<br />
.bayangan{<br />
font: 20px Benguiat Frisky;<br />
padding : 20px;<br />
border : 2px solid #ff1c81;<br />
width : 300px;<br />
height: 50px;<br />
-moz-box-shadow : -5px -5px 3px rgba(255, 30, 1 ,3);<br />
-webkit-box-shadow : -5px -5px 3px rgba (255,0,60,1);<br />
}<br />
<br />

Just a little word

Rabu, 16 Februari 2011

studi kasus (modul 3)

Tidak ada komentar:

Posting Komentar

UM Blog Community

Daftar Blog Saya

mari bicara.. :)

Selayang pandang tentang saya

Blog Archive

Labels

dimana mana tetep eksis :D

just me and my lovely

Pengikut