CSS แถวนำ
- ตั้งค่า CSS ความโปร่งใส
- margin: 0; CSS แถวนำตั้งตรง
การแสดง: บาร์นาวิเกชั่น
บาร์นาวิเกชั่น
เมนูแบบบาร์นาวิเกชั่นที่ง่ายต่อการใช้งานสำคัญสำหรับเว็บไซต์ทุกแห่ง:
ด้วยการใช้ CSS คุณสามารถแปลงรายการเมนู HTML ที่ไม่น่าสนใจเป็นบาร์นาวิเกชั่นที่ดูงดี:
บาร์นาวิเกชั่น = รายการลิงก์
บาร์นาวิเกชั่นต้องการ HTML มาตรฐานเป็นฐาน。
ในตัวอย่างของเรา จะใช้รายการ HTML มาตรฐานเพื่อระบุบาร์นาวิเกชั่น。
เมนูแบบบาร์นาวิเกชั่นเป็นรายการลิงก์ ดังนั้นการใช้สัญญาณ<ul>และ<li>มีความหมายมาก:
实例
<ul> <li><a href="index.asp">Home</a></li>
<li><a href="about.asp">About</a></li>
现在，从列表中删除项目符号以及外边距和内边距（填充）：
实例
<li><a href="news.asp">News</a></li> ตอนนี้ ลบลิสต์สไตล์ และมาร์เจนท์ และพาดิ้ง (padding) จากรายการ: } ตัวอย่างที่อธิบาย <li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>
ตอนนี้ ลบลิสต์สไตล์ และมาร์เจนท์ และพาดิ้ง (padding) จากรายการ:ตัวอย่าง- ul {
}ลองด้วยตัวเองตัวอย่างที่อธิบายlist-style-type: none;
- ลบลิสต์สไตล์
- ตั้งค่า CSS ความโปร่งใส
- margin: 0; CSS แถวนำตั้งตรง
