HTML5 CSS3 Web サイトのメニュー実装コード_html5 チュートリアルのスキル

実装の難しさは、first-child と last-child の 2 つのセレクターと、その後の margin-left:-1px の適用と 33% と 34% の幅の技術的な処理にあります。

もう 1 つの困難は、box-shadow:1px 0 0 #F1F1F1 inset; の実装です。

最後に:

コードをコピーします

コードは次のとおりです:

背景:- webkit-gradient(linear, 左上, 左下, from(#f9f9f9), to(#b6b4b4));background:-moz-linear-gradient(top, #f9f9f9, #b6b4b4);background:-o -linear-gradient(top, #f9f9f9, #b6b4b4);background:linear-gradient(top, #f9f9f9, #b6b4b4);

コードをコピーします

コードは次のとおりです:

http://www.w3.org/1999/xhtml ;" xml :lang="ja">

News1< a class="" href="/guide/">ニュース 2ニュース 3