line_html/css_WEB-ITnose を分割するナビゲーション バーを実装するコード

背景画像なしでナビゲーションバーの分割線を実現でき、色をカスタマイズでき、仮想線分と現実の線分をカスタマイズできます。

.nav1{

text-align:center;
margin:13px auto 0;

.nav1 a{
表示: インライン ブロック;
テキスト装飾: なし;

nav1li {ラインエフェクト*/ li :: {
5,255,0 ));
背景: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%,
rgba(255,255,255,0)); o-linear -gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba
(255,255,255,0));
背景: -ms-linear-gradient(top, rgba(255,255,25) 5、 0), rgba(25 5,255,255,. 2) 50%, rgba
(255,255,255,0));
背景: 線形グラデーション(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba
(255,255,255 ,0));
}
.nav1 li::before{
4dff5,#2580d9, #c4dff5, #2580d9, 5,#2580d9, #c4dff5,#2580d9, #c4dff5,#2580d9, #c4dff5 ,#2580d9, #c4dff5,#2580d9, #c4dff5,#2580d9, #c4dff5,#2580d9, #c4dff5,#25 80d9 ); 背景: -Webkit-Linear-Gradient (TOP, #2580D9, #C4DFF5, #2580D9) 、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、 c4dff5,#2580d9, #c4dff5,#2580d9, #c4dff5,#2580d9);
背景: -o-linear -gradient( top, #2580d9, #c4dff5, #2580d9, #c4dff5, #2580d9,#c4dff5 ,#2580d9 、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、 C4DFF5、＃2580D9）; #c4dff5,#2580d9, #c4dff5,#2580d9, #c4d ff5, #2580d9, #c4dff5,#2580d9, #c4dff5,#2580d9);
背景: 線形グラデーション(top, #2580d9, #c4d) ff5、#2580d9、 ＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃c4d ff5、＃2580d9、＃c4dff5、＃2580d9、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、＃c4dff5、＃2580d9、 c4dff5,#2580d9, #c4dff5,#2580d9, #c4dff5,#25 80d9) ;; ::after{
表示: なし ;