ボックスシャドー、同じように全周をカバーしていない

Question

CSSの助けを借りて、すべてのブロックの周りに影を隠そうとしました。なんらかの理由で、ある行（中央の行）が他の行と比較して適切なサイズで整列していなかったので、私は運が得られませんでした。あなたが見る通り、それはより厚いです。私は解決策を見つけるのに2日を要しています、これまでの運はありません。

.shadow1{ 
 
\t box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 0.4); 
 
    \t \t width:250px; 
 
\t \t \t height:200px; 
 
\t \t \t background-color: rgba(0,0,0, .2); 
 
\t \t \t position:relative; 
 
} 
 
.shadow2{ 
 
\t box-shadow: inset -5px 0px 0px 5px rgba(255, 255, 255, 0.4); 
 
    \t \t width:250px; 
 
\t \t \t height:200px; 
 
\t \t \t background-color: rgba(0,0,0, .2); 
 
\t \t \t position:relative; 
 
} 
 
.shadow3{ 
 
\t box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 0.4); 
 
    \t \t width:250px; 
 
\t \t \t height:200px; 
 
\t \t \t background-color: rgba(0,0,0, .2); 
 
\t \t \t position:relative; 
 
} 
 
.shadow4{ 
 
\t box-shadow: inset -5px 0px 0px 5px rgba(255, 255, 255, 0.4); 
 
    \t \t width:250px; 
 
\t \t \t height:200px; 
 
\t \t \t background-color: rgba(0,0,0, .2); 
 
\t \t \t position:relative; 
 
}

<div class="shadow1"> </div> 
 
<div class="shadow2"> </div> 
 
<div class="shadow3"> </div> 
 
<div class="shadow4"> </div>

Answer 1

私はあなたが正確に何をしたい良くわかりませんが、私は...推測することができますが、これは何をしたいのですか？

.shadow1{ 
 
\t box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 0.4); 
 
    \t width:250px; 
 
\t height:200px; 
 
\t background-color: rgba(0,0,0, .2); 
 
\t position:relative; 
 
} 
 
.shadow2{ 
 
\t box-shadow: inset -5px 0px 0px 5px #ddd; 
 
    \t width:250px; 
 
\t height:200px; 
 
\t background-color: rgba(0,0,0, .2); 
 
\t position:relative; 
 
    margin-top:-5px; 
 
} 
 
.shadow3{ 
 
\t box-shadow: inset 0px 0px 0px 5px #ddd; 
 
    \t width:250px; 
 
\t height:200px; 
 
\t background-color: rgba(0,0,0, .2); 
 
    position:relative; 
 
    margin-top:-5px; 
 
} 
 
.shadow4{ 
 
\t box-shadow: inset -5px 0px 0px 5px #ddd; 
 
    \t width:250px; 
 
\t height:200px; 
 
\t background-color: rgba(0,0,0, .2); 
 
\t position:relative; 
 
    margin-top:-5px; 
 
}

<div class="shadow1"></div> 
 
<div class="shadow2"></div> 
 
<div class="shadow3"></div> 
 
<div class="shadow4"></div>