0

背景が黒のメニューと背景が灰色のサブメニューがあります。

今、私はそれらの間にピクセル完璧な仕切りを持ちたいと思っています。

しかし、ピクセルパーフェクトな仕切りを得るためにどの境界線の色を使用すればよいかわかりません。誰でも私を助けることができますか？

これがhtmlコードです

<!DOCTYPE html>
<html>
<body>
<div class="mainnav">
    <p> This is main nav </p>
</div>
<div class="subnav">
     <p> This is sub nav </p>
</div> 
</body>
</html>

そして、ここに私のcssがあります

.mainnav {
width:100%;
    height:60px;
    background-color:#000000;
    color:#ffffff;
    text-align:center;
}
.mainnav p {
padding-top:20px; 
}
.subnav p {
padding-top:10px; 
}
.subnav {
width:100%;
    height:45px;
    background-color:#333;
    color:#ffffff;
    text-align:center;
}

</p>

これが私のjsfiddleです。

http://jsfiddle.net/ruUgk/

ありがとう。

4

3 に答える 3

2

下罫線を追加.mainnav

.mainnav {
    border-bottom:1px solid #fff;
}

http://jsfiddle.net/ruUgk/1/

于 2012-11-12T00:51:47.193 に答える
0

それらの間に点線を追加します

次の行を mainnav css に追加します

border-bottom:1px dotted #fff;

JSFiddleでこれを確認してください

http://jsfiddle.net/ruUgk/2/
于 2012-11-12T01:07:51.293 に答える
0

ピクセルパーフェクトディバイダは必要ないと思います! そのままでいいです。いずれにせよ、このサイトはこの種の質問のためのものではないと思います。見栄えを良くする方法についての質問ではなく、ここで技術的な質問をする必要があります。

于 2012-11-12T00:50:23.263 に答える