Page 96 - Modul Web
P. 96
berbentuk angka, titik, angka romawi dan lainnya. Dengan menggunakan CSS kita dapat
memanipulasi list HTML dengan mengubah bentuk tanda listnya. untuk mengubah list HTML
dengan CSS kita bisa menggunakan property “list-style-type” yang berarti tipe gaya list.
Untuk mengubah list HTML dengan CSS perhatikan contoh berikut ini.
index.html
<!DOCTYPE html>
<html>
<head>
<title>Border style CSS www.malasngoding.com</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Tutorial cara mengubah list dengan CSS di <br/> www.malasngoding.com</h1>
<!-- unordered list -->
<ul class="makanan">
<li>Bakso</li>
<li>Mie Goreng</li>
<li>Sate Padang</li>
<li>Rujak</li>
</ul>
<ul class="minuman">
<li>Soft drink</li>
<li>Teh manis</li>
<li>Kopi</li>
<li>Jus jeruk</li>
<li>Susu</li>
</ul>
<!-- ordered list -->
<ol class="alamat">
<li>Bali</li>
<li>Jawa Timur</li>
96
