CSS メニュー横並びボタン

こうして書いてみると思ってるより簡単なんだなぁ・・・。なんでいつもややこしく感じていたんだろ。

検索していて、拝見しました。
このリンクですが、グレーの背景？のところは
色を変えることが出来ますか？

何度かやってみたのですが、うまくいきませんでした・・・
もしよろしければ、教えてください。

もちろんできますよ。
ul#globalNavi li a {
.
.
background-color: #eee;
}
background-color: #eeeというところがグレーの指定です。

すごくためになります。ありがとうございます。
今なんとかメニューとタイトルの間のスペースを埋めようとしているのですが、中々うまくいきません。
のなかにいれているからでしょうか？

拝見させていただいて、大変勉強になっています。
少し質問なのですが、メニューに堺に入っている罫を、左右両側に1ピクセルの罫に設定すると内側が2ピクセルになってしまいます。右だけ左だけにすると右端、左端の罫がなくなってしまいます。
すべて1ピクセルの罫にするには、どうすればいいのでしょうか。

以下のように、最後(または最初)の要素にクラスをつけて、ボーダーを操作する方法がよいでしょう。

それぞれの左にボーダーを指定

.lastChild には、右のボーダーを指定。

これは、:first-child 疑似クラスに対応するまでのノウハウとして良く使われています。

早速、教えていただきだりがとうございます。
初心者のため、クラスの設定方法も分かりませんでしたが、調べて、なんとか思うようにできました。
あきらめて画像でも入れるかと思っていただけに、助言いただけたおかげで、壁だと思っていたところの扉が開いたようでした。
また、よろしくお願いします。

あれ、ごめんなさい。
コメントで記述したHTMLが意図した表示になってませんでした。

<li>1</li>
<li>2</li>
<li class="lastChild">3</li>

たびたびで、申し訳ないです。
このメニューをbodyの中央に持ってきたいのですが、floatのleftが効いているためなのか、どうしてもうまくいきません。
なにかいい方法があるのでしょうか。

それはCSS全般の質問になるので、調べてみてください。
（このメニューのCSS関係ありません。

CSS 中央寄せ

ありがようございます。
ここに書き込む前にいろいろ検索してみて試してみたのですが、うまく中央揃えにならなくて。もう少し探してみますね。

はじめまして。
サンプルのCSS（http://3ping.org/2005/08/24/sample_menu02/style.css）
ul.globalNaviとなっておりますが、ul#globalNaviとかですよね。class ではなくid。
ご確認後、このコメントは削除してくださいませ。