CSS技術(shù)能夠讓菜單變得非常美觀。下面這些菜單樣式,能讓你的網(wǎng)站看起來時尚、獨特。使用CSS技術(shù),讓菜單變得好看不再是難事!
/* 菜單1 */ .menu1 { background-color: #f1f1f1; overflow: hidden; display: flex; justify-content: space-between; } .menu1 a { color: black; font-size: 16px; text-align: center; padding: 14px 16px; text-decoration: none; transition: background-color 0.3s ease; } .menu1 a:hover { background-color: #ddd; color: black; } /* 菜單2 */ .menu2 { background-color: #333; display: flex; justify-content: center; } .menu2 a { color: white; text-align: center; padding: 14px 16px; text-decoration: none; transition: background-color 0.3s ease; } .menu2 a:hover { background-color: #ddd; color: black; } /* 菜單3 */ .menu3 { background-color: #333; display: flex; justify-content: space-between; } .menu3 a { color: white; text-align: center; padding: 14px 16px; text-decoration: none; transition: background-color 0.3s ease; } .menu3 a:hover { background-color: #ddd; color: black; }
以上三個菜單樣式都是可供選擇的好看的樣式。從這些模板中你也可以學(xué)習(xí)到使用CSS技術(shù)來開發(fā)好看的菜單。
上一篇css好不好學(xué)
下一篇css如何使文字并排