CSS 制作の水平ナビゲーション メニューのサンプル コード:
水平ナビゲーション メニューは div CSS レイアウトの最も基本的なものであり、習得する必要があります。これは、レイアウトの経験が少ない友人にとっては問題ではありませんが、そうでない場合もあります。初心者のため、困っている友人を助けることを願って、ここで最も基本的なレイアウト コードを共有します。
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">ul { float:left; width:100%; padding:0; margin:0; list-style-type:none;}a { float:left; width:7em; text-decoration:none; color:white; background-color:purple; padding:0.2em 0.6em; border-right:1px solid white; text-align:center;}a: hover{background-color:#ff3300}li{display: inline}</style></head><body><ul> <li><a href="#">蚂蚁部落一</a></li> <li><a href="#">蚂蚁部落二</a></li> <li><a href="#">蚂蚁部落三</a></li> <li><a href="#">蚂蚁部落四</a></li></ul></body></html>
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=10903
詳細については、以下を参照してください。 http://www.softwhy.com/divcss/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
