Hai kawaNn,,
balik lagi kita belajar HTML yapSs..
kali ini kita akan membuat suatu bangun dngak kreasi baru, aslinya sih cuma coba2 aja kok guySs.. hehe jadi juga ternyata..
Sponsored by :
Ok guys ini nantinya gambar yg pingin aq share sama kalian semua, maksud aq bentuk jadinya sih cuman bentuk bangun sederhana seperti ini aja.. hehe
Nah simpel kan ternyata gambarnya.. so, ini dia guys scriptnya buat ngebuat gambar seperti gambar di atas : rumit
juga kalu mikir buat dari 0 gitu itu, hehe
<title>Studi Kasus</title>
<style type="text/css">
<!--
.andi {
background-color: cyan;
-moz-border-radius: 700px;
-webkit-border-radius: 150px;
border: 10px solid #000000;
padding: 50px;
width: 200px;
height: 200px;
}
.bayu {
padding: 50px;
border: 10px solid teal;
width: 200px;
height: 50px;
background: lime;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
}
.sulistiya {
padding: 50px;
border: 5px solid red;
-moz-box-shadow: 10px 10px 10px rgba(125, 0, 255, 255);
width: 200px;
height: 50px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
}
-->
</style>
<div align="center" class="andi">
Yang ini border lingkaran.
Gawenen..
OJO ONLEN AE!!!</div>
<div align="center" class="bayu">
KOtaKk.........</div>
<div align="center" class="sulistiya">
efeeKk shadoWw....</div>
naHh, silahkan di coba guYyss,, moga kalian berhasil yaa...
banyak latihan makin pintar dah kaliaNn.. hehe
0 komentar:
Posting Komentar
Jangan Pernah Kita Usul Jika Asal, Dan Jika Mau Usul Lebih Baik Jangan Pernah Asal...