Forum Laboratorium BSI Bekasi
Selamat Datang pengunjung...

Jika anda sudah terdaftar dalam forum ini silahkan login, namun jika tidak harap mendaftar dahulu untuk melihat forum-forum yang dikunci...

Forum ini adalah forum yang didirikan oleh Asisten BSI untuk berbagi pengetahuan tentang apa saja....

Semoga forum ini bermanfaat....


Forum Komunitas Lab BSI Bekasi yang ditujukan untuk sharing ilmu pengetahuan tentang apa saja dan juga sebagai tempat nongkrong kaum intelektual
 
HomeFAQSearchRegisterLog in

Share | 
 

 Sedikit Contoh CSS3

View previous topic View next topic Go down 
AuthorMessage
zaidkhusain
Head Administrator
Head Administrator


Jumlah posting : 117
Poin : 2147483647
Reputasi : 1
Join date : 2011-05-07
Age : 26
Lokasi : di Rumah
Warning :

PostSubject: Sedikit Contoh CSS3   Fri May 13, 2011 11:42 am

sumber http://www.facebook.com/home.php?sk=group_124883157584388&view=doc&id=125429820863055

Code:
<html>
<head>
<style type="text/css">
div
{...
width:100px; /* Untuk lebar dari tag divnya*/
height:75px;/* untuk tinggi tag divnya */
background-color:red; /* warna background dari tag div */
border:1px solid black; /* untuk memberikan border 1 pixel warna hitam dan garisnya tidak putus2 */
border-radius:10px; /* untuk memberikan rounded/lengkungan pada sisi div sebesar 10pixel */
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari and Chrome */
-o-border-radius:10px; /* Opera */
}
div#div2
{
transform:rotate(30deg); /* untuk memiringkan tag div dengan id div2 searah jarum jam sebesar 30 derajat */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
}
</style>
</head>
<body>
 
<p><b>Note:</b> Internet Explorer does not support the transform property.</p>
<div>Gembel ada dimana2</div>
 <div id="div2">Dimana mana ada Gembel</div>
 
</body>
</html>
klo udah simpen filenya pake extension htm/html aj. eg : [b]coba.htm[/b]

**************************************************************
Back to top Go down
 
Sedikit Contoh CSS3
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» Contoh Desain Kolam Ikan Minimalis dan Tips Pembuatannya
» Css3 JavaScript div cylinder
» Beberapa contoh Lampu buatan Genz Diy
» Contoh/Stok Aquarium& Meja Pravaha Aquarium
» Stok contoh coral kami

Permissions in this forum:You cannot reply to topics in this forum
Forum Laboratorium BSI Bekasi :: MATERI LAB :: WEB PROGRAMMING-
Jump to: