2017-12-25 5 views
1

1pxの赤いボーダーを入れようとしていますが、問題があります。境界線の上部と下部は赤色ですが、左右にはありません。CSSのボーダーカラーの問題

たとえば、ピンクの色を変更すると、問題は解決します。

Firefoxの量子をチェック

div.red-border { 
 
\t border: solid 1px red; 
 
}
<div class="red-border"> 
 
<p>Hi!</p> 
 
<p> I'm trying to put a red border</p> 
 
    </div>

+1

ここで境界線がいっぱい赤です!確認できますか? –

+2

あなたのページが100%でズームされているかどうか確認してください。ズームをリセットするには 'Ctrl' +' 0'を押してください。 – Xufox

+0

色は赤です。もう一度チェック。 – acoder

答えて

0

あなたの境界が働き、そしてあなたは、境界スタイリングのための速記を使用するが、異なる順序でされています。私は、この順序は、so does the MDN site covering the CSS spec良く、より一般的だと思う:

1px solid red 

div.red-border { 
 
\t border: 1px solid red; 
 
}
<div class="red-border"> 
 
<p>Hi!</p> 
 
<p> I'm trying to put a red border</p> 
 
    </div>