การทำ menu CSS เอาแค่พื้นฐานๆ ให้รู้ว่าอะไรตรงไหน เป็นยังไง เพราะว่าเดี๋ยวนี้ menu css สามารถหาได้ง่ายๆ ตามเว็บซึ่งแจกฟรีกันไปเลย แถมยังสวยกว่าเราทำเองอีก ฮ่าๆ แต่เราก็สามรถนำมาแก้ไขตามที่เราต้องการได้
CSS Menu แนวตั้ง
1. ขั้นแรกก็สร้าง List ก่อน
HTML
ผลลัพธ์
2.
- Image
- การใส่ font สวยๆให้ Wordpress - รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย Wordpress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง
Image
Clearfix นี่เมื่อก่อนแอดใช้บ่อยมาก เพราะมันสะอาดกว่าการสร้าง
อีกอันไว้ต่อท้ายมา Clearfix แต่พอยุคนี้มาถึง Flexbox ก็เริ่มใช้น้อยลงแล้วครับ (มาใช้ข้อ 7. แทน)
ข้อ 8. กับ 9. แอดคิดว่าเป็นเอฟเฟ็กต์บนเว็บที่มีประโยชน์มาก ตัว Gradient ตามปุ่มอาจจะดูแฟนซีไปนิด แต่เงาขาว ๆ เพื่อบอกให้ User เลื่อนอ่านต่อนี่มีประโยชน์มาก ๆ ครับ
ถ้าเห็นว่าบทความนี้เป็นประโยชน์ อย่าลืมเอาไปแชร์ต่อให้เพื่อน ๆ ครับ แอดว่าถ้าเป็นคนเขียน HTML/CSS/JavaScript ในเว็บ ยังไงก็ได้หยิบโค้ดในนี้มาใช้แน่นอน:)
- Free Template 22 : เปลี่ยนสีเมนู Navbar Bootstrap ได้ดั่งใจ ฟรี code - DEVBANBAN.COM = คู่มือทำเว็บ [php, sql, codeigniter, bootstrap, html]
- Board game สนุก ๆ 2
- เดอะ เบส สาขา แกลง
- Css menu สวย ๆ 1
- อาหารลดเบาหวาน มีอะไรบ้าง - Hello Khunmor
- แห่ซื้อ เก้าอี้การบินไทย 35,000 บาท หมดใน 30 วิ หลังเริ่มจองผ่านไลฟ์สด | PPTV HD 36 | LINE TODAY
- Css menu สวย ๆ song
- พื้นฐานการทำ CSS Menu | zzzleepinclass
- ขายรถเข็น Combi handy s ของใหม่ยังไม่ใช้งาน ประกัน 1 ปี เต็ม | mombiestreet สินค้าแม่และเด็ก
การใส่ font สวยๆให้ Wordpress - รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย Wordpress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง
I love you.