Page 32 - WP YAMIN - MTI CANDUANG
P. 32
Bengkel Internet PENS-ITS : Cascading Style Sheets
color:#EDEDED; </BODY>
text-decoration:none; </HTML>
}
.leftlinks a:link { Fungsi tag <div> : hampir sama dengan tag
color:#EDEDED; paragraf <p>, berguna untuk mengelompokkan
} sejumlah baris teks yang memiliki karakteristik
.leftlinks a:visited { yang sama.
color:#EDEDED;
}
.leftlinks a:hover { TUGAS :
display:block; Buatlah web pribadi anda, lengkapi dengan
margin:3px 0px; pembuatan tombol link menggunakan css.
border-top:1px solid #22476C; FASILITAS MENU :
border-left:1px solid #22476C; 1. HOME : Informasi sekilas tentang diri anda.
border-bottom:1px solid #4C86C0; 2. PENDIDIKAN : Pendidikan yang telah anda
border-right:1px solid #4C86C0; tempuh, termasuk pelatihan dan training yang
padding: 5px 9px 3px 11px; pernah diikuti.
text-align:center; 3. JADWAL KULIAH : Gunakan pemakaian
background-color:#336699; tabel dengan css seperti diatas.
color:#EED929; 4. AKTIVITAS : Pengalaman organisasi yang
text-decoration:none; pernah anda ikuti selama kuliah atau di luar.
} 5. Tambahkan informasi lain, untuk menambah
nilai anda.
b. Pembuatan file HTML utk memanggil css
<HTML>
<HEAD>
<TITLE>Pengaturan Pada Link Visualisasi
tombol</TITLE>
<LINK REL="STYLESHEET"
TYPE="text/css"
HREF="link_frtombol.css">
</HEAD>
<BODY>
<div class="leftlinks">
<a href="index.htm">Teras Wamika</a>
<a href="profil.htm">Pssrofil Organisasi</a>
<a href="struktur.htm">Struktur</a>
<a href="pembimbing.htm">Pembimbing
Org</a>
<a href="dpo.htm">DPO Organisasi</a>
<a href="kegiatan.htm">Kegiatan Rutin</a>
<a href="berita.htm">Berita UKM</a>
</div>
10
