Cara Menggunakan CSS
1. Langkah pertama kita buat file degan dreamweaver atau notepad , lalu ketikan code berikut :
<html>
<head>
<title>Belajar CSS</title>
<!-- Menyambungkan HTML dengan CSS -->
<link href="style.css" rel="stylesheet" type="text/css">
<!-- kode di atas befungsi untuk memanggil "style.css" -->
</head>
<body>
<div id="ground1"> Block Pertama </div>
<div id="ground2"> Block Kedua </div>
<div class="ground3"> Block Ketiga </div>
</body>
</html>
Catatan:
A. untuk memanggil fungsi id dengan cara memberikan varibel( #variabel )
B. untuk memanggil fugnsi class dengan cara memberikan varibel ( .variabel )
lalu kita save dengan nama index.html
2. Langkah selanjutnya buat file baru lagu dengna dreamweaver atau notepad , lalu ketikan kode css
#ground1 {
backgorund:orange;
widht:500px;
height:250px;
text-align:center;
float:left;
}
#ground2{
backgorund:red;
widht:500px;
height:250px;
text-align:right;
float:right;
}
.ground3{
background:#fff;
border:1px solid #000;
width:200px;
height:300px
float:none;
}
lalu save dengan nama style.css
3. Kemudia jalankan file index.html dan lihat hasilnya
sekian dari saya , share dan Terima Kasih.
Belum ada Komentar untuk "Cara Menggunakan CSS"
Posting Komentar