modul 3 : studi kasus

1. Script

< !DOCTYPE html >
< html lang="en" >
< head >
< title > Studi Kasus < /title >
< style type="text/css" >
< !--
.box1 {
padding: 50px;
width: 225px;
height: 225px;
background: aqua;
border: 10px double blue;
-moz-border-radius: 250px;
}
#content{
width: 100px;
height: 100px;
}
.box2 {
padding: 10px;
width: 500px;
height: 100px;
background: pink;
border: 5px dashed purple;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
text-align: center;
}
.box3 {
padding: 10px;
width: 500px;
height: 100px;
background: white;
border: 5px solid black;
-moz-box-shadow: 10px 10px 10px rgba(0,0,0,2);
text-align: center;
}
-- >
< /style >
< /head >
< body >
< div class="box1" align="center" >
< p id="isi" >
saya bingung mau nulis apa, tapi di dalam lingkaran ini tulisannya harus banyak supaya nanti hasilnya bagus, kalo tulisannya sedikit nanti hasilnya jelek,
lebih baik dikasih tulisann yang banyak biar tampak penuh dan indah dan rapi dan sehat dan teratur. hehe .
< /p >
< /div >
< br >
< br >
< div class="box2" > < font color="red" >
saya bingung mau nulis apa, tapi di dalam kue lapis ini tulisannya harus banyak supaya nanti hasilnya bagus, kalo tulisannya sedikit nanti hasilnya jelek,
lebih baik dikasih tulisann yang banyak biar tampak penuh dan indah dan rapi dan sehat dan teratur. hehe .
< /font >
< /div >
< br >
< br >
< div class="box3" > < font color="brown" >
saya bingung mau nulis apa, tapi di dalam kotak ini tulisannya harus banyak supaya nanti hasilnya bagus, kalo tulisannya sedikit nanti hasilnya jelek,
lebih baik dikasih tulisann yang banyak biar tampak penuh dan indah dan rapi dan sehat dan teratur. hehe .
< br >
< /div >
< /body >
< /html >


2. Printscreen