แถบนำทาง CSS - แนวนอนและแนวตั้ง
รหัส CSS:
<style>
#h_nav_bar a {
padding:15px; font-weight:bold; float:left; }
#h_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#h_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#h_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#h_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
รหัส HTML:
<div id="h_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
ดู:
#link_bar aคือสไตล์สำหรับทุกสถานะของลิงก์
#link_bar a:linkคือรูปแบบของลิงก์ปกติ
#link_bar a:เยี่ยมชม เป็นรูปแบบของลิงค์ที่เยี่ยมชม
#link_bar a:hoverคือลักษณะของการเลื่อนเมาส์ไปที่ลิงก์
#link_bar a: active คือลักษณะของลิงค์เมื่อกดเมาส์
รหัส CSS:
<style>
#v_nav_bar a {
padding:15px; font-weight:bold; display:block; width:120px; }
#v_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#v_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#v_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#v_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
รหัส HTML:
<div id="v_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
ดู:
#link_bar aคือสไตล์สำหรับทุกสถานะของลิงก์
#link_bar a:linkคือรูปแบบของลิงก์ปกติ
#link_bar a:เยี่ยมชม เป็นรูปแบบของลิงค์ที่เยี่ยมชม
#link_bar a:hoverคือลักษณะของการเลื่อนเมาส์ไปที่ลิงก์
#link_bar a: active คือลักษณะของลิงค์เมื่อกดเมาส์
เครื่องมือแถบนำทาง CSS ของเราช่วยให้ผู้ใช้สามารถใช้แถบนำทาง CSS ได้คุณสมบัติที่โดดเด่นบางประการของยูทิลิตี้นี้มีคำอธิบายด้านล่าง
อินเทอร์เฟซที่ใช้งานง่ายของ CSS Navigation Bar Tool ของเราช่วยให้คุณดำเนินการแปลงนี้ได้อย่างง่ายดายในทันทีคุณไม่จำเป็นต้องได้รับทักษะการเขียนโปรแกรมสำหรับ CSS Navigation Bar อีกต่อไปเนื่องจากความเรียบง่ายของเครื่องมือนี้
คุณไม่จำเป็นต้องผ่านขั้นตอนการลงทะเบียนเพื่อใช้ CSS Navigation Barเมื่อใช้ยูทิลิตีนี้ คุณจะสามารถใช้ CSS Navigation Bar Tool กี่ครั้งก็ได้โดยไม่เสียค่าใช้จ่าย
แถบการนำทาง CSS นี้สามารถเข้าถึงได้จากทุกมุมโลกคุณไม่จำเป็นต้องกังวลเกี่ยวกับความเข้ากันได้ของเครื่องมือออนไลน์นี้ เนื่องจากคุณสามารถใช้ CSS Navigation Bar จากอุปกรณ์ใดก็ได้สิ่งที่คุณต้องมีคือการเชื่อมต่ออินเทอร์เน็ตเพื่อเข้าถึงและใช้งาน CSS Navigation Bar Tool
แถบการนำทาง CSS ช่วยให้คุณทำงานเดียวกันให้เสร็จได้ทันทีคุณจะไม่ถูกขอให้ทำตามขั้นตอนด้วยตนเอง เนื่องจากอัลกอริทึมอัตโนมัติจะทำงานให้คุณ
CSS Navigation Bar Tool ทำงานได้อย่างสมบูรณ์แบบบนระบบปฏิบัติการทั้งหมดไม่ว่าคุณจะมีอุปกรณ์ Mac, iOS, Android, Windows หรือ Linux คุณก็สามารถใช้ยูทิลิตี้ออนไลน์นี้ได้อย่างง่ายดายโดยไม่ต้องเผชิญกับความยุ่งยากใดๆ
คุณไม่จำเป็นต้องผ่านขั้นตอนการลงทะเบียนใดๆ เพื่อใช้ CSS Navigation Bar Tool นี้คุณสามารถใช้ยูทิลิตีนี้ได้ฟรีและทำ CSS Navigation Bar ได้ไม่จำกัดโดยไม่มีข้อจำกัดใดๆ