Scribd
Unggah
6 tayangan3 halaman

Css Style

Diunggah oleh

mygurdi
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
6 tayangan3 halaman

Css Style

Diunggah oleh

mygurdi
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 3

Simpan dengan nama file : index.

html

<html>

<head>

<title></title>

</head>

<frameset rows="25%,*" border="0">

<frame name="atas" src="logo.html" />

<frameset cols="20%,*">

<frame name="menu" scrolling="no" src="menu.html" />

<frame name="isi" src="welcome.html" />

</frameset>

</frameset>

</html>

Simpan dengan nama file : logo.html

<html

<head>

<title></title>

</head>

<body bgcolor="#006699">

<h2><font color="#FFFFFF">Cara Membuat WEB</font></h2>

</body>

</html>
Simpan dengan nama file : Menu.html

<html>

<head>

<title></title>

</head>

<body bgcolor="#CCCCFF">

<h4>Latihan</h4>

Mencoba latihan membuat Frame HTML

</body>

</html>

Simpan dengan nama file : welcome.html

<html>

<head>

<title></title>

</head>

<body>

<h2>Selamat Datang</h2>

<h4>Anda berada pada halaman latihan Membuat FRAME HTML</h4>

</body>

</html>
Simpan dengan nama file : styledropdown.css

#menu ul {

list-style: none;/*menghilangkan list style*/

#menu li{

float:left;

#menu ul ul{ visibility:hidden;/*menyembunyikan element*/ width:150px;

#menu ul li:hover ul, #menu ul a:hover ul{ visibility:visible;

#menu li a { height: 30px; width: 150px; display: block; color: black;

border:1px solid #000000; background-color:#dfdfdf; text-decoration: none;


text-align: center; padding-top:5px;

#menu ul li a{ color:black;

background-color:#dfdfdf; font:20px cambria;

border-left:1px solid black;

border-right:1px solid black; text-decoration:none;

#menu ul li a:hover{ color:white;

background-color:black; text-shadow:none;

Anda mungkin juga menyukai