.navbar { display: flex; justify-content: space-between; padding: 1rem; background: #2c3e50; } .nav-links { display: flex; gap: 1.5rem; margin: 0; padding: 0; list-style: none; } .nav-links li a { color: white; transition: color 0.3s ease; }
《Flex 實戰篇 - 打造完美導航欄》
厭倦了傳統選單的死板樣式?跟著我用 Flex 來打造一個時尚又實用的導航欄 🚀
看!這就是現代網頁該有的樣子。導航元素們排排站,還能自動調整間距,簡直完美!
#前端開發 #CSS #NavigationBar #FlexboxLayout
0
0
0
0