Full Face
Selasa, 22 Februari 2011
studi kasus modul 3
<br /> .lingkaran{<br /> -moz-border-radius : 100px;<br /> -webkit-border-radius :100px;<br /> border: 2px solid #8bb874;<br /> width: 200px;<br /> height: 200px;<br /> background-color: #7ff247;<br /> <br /> }<br /> #isi-lingkaran {<br /> font: 20px Comic Sans MS;<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 Comic Sans MS;<br /> border: 3px solid #5490d4;<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 Comic Sans MS;<br /> padding : 20px;<br /> border : 2px solid #f28c47;<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 />
<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <head><br /> <title>sk modul telu</title><br /> <link rel="stylesheet" href="eska3.css" type="text/css"/><br /> </head><br /> <br /> <body><br /> <div class="lingkaran" align="center"> <p id = "isi-lingkaran">Ini adalah lingkaran.</p> </div> <br/><br /> <div class="kotak">Ini persegi yg bersudut lengkung.</div> <br><br /> <div class="bayangan">Ini persegi yang punya sudut bayangan.</div </body></html><br />
Tidak ada komentar:
Posting Komentar
Posting Lebih Baru
Posting Lama
Beranda
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar