リストを横向きに配置してメニューバーを作る(float編) - スタイルシートTipsふぁくとりー

《2016年2月2日 09:18 公開/更新》 リストを横向きに配置してメニューバーを作る(float編) [リスト,配置] ウェブサイト内の各コーナーへのリンクをメニューとして横向きに配置した「メニューバー」を簡単に作るにはいくつかの方法があります。最も簡単なのは、ただ普通にリンク(a要素)を並べるだけです。標準で文字列は横向きに並びますから、バーのように見えるデザインさえ加えれば「メニューバー」になります。そういう単純なメニューもよく見かけます。 しかし、「メニュー」というのは一種の「リスト」なので、リストを構成するHTML(ul要素＋li要素)を用いて記述すべきだという意見もあります。私も基本的にはその方法で作るようにしています。 ul要素とli要素とで作るリストは、デフォルトでは「箇条書き」の装飾を伴って縦方向に並びます。そこで、この「リスト(箇条書き)」をメニューバーのように見せ

[ku-kai27]

divでメニューバー