Rumah >hujung hadapan web >tutorial css >Bina bar navigasi mendatar menggunakan item senarai sebaris dalam CSS
Bina bar navigasi mendatar menggunakan item senarai sebaris dalam CSS
- PHPzke hadapan
- 2023-08-29 14:29:11634semak imbas
Bina bar navigasi mendatar menggunakan item senarai sebaris. Tetapkan elemen
Contoh
Anda boleh cuba jalankan kod berikut untuk membuat bar navigasi mendatar:
Demo Langsung
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.active {
background-color: #4CAF50;
color: white;
}
li {
border-bottom: 1px solid #555;
display: inline;
}
</style>
</head>
<body>
<ul>
<li><a href = "#home">Home</a></li>
<li><a href = "#company" class="active">Company</a></li>
<li><a href = "#product">Product</a></li>
<li><a href = "#services">Services</a></li>
<li><a href = "#contact">Contact</a></li>
</ul>
</body>
</html>Atas ialah kandungan terperinci Bina bar navigasi mendatar menggunakan item senarai sebaris dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Apakah pemaparan progresif?Artikel seterusnya：Apakah pemaparan progresif?