CSS：ボックスの境界線を使って作業する

Question

私はthis pageの白いボックスを複製しようとしています。

body{ 
 
    background-color:#DFDFDF; 
 
    } 
 
.index_whitebox{ 
 
    background-color: #fff; 
 
    height: 60%; 
 
    width: 25%; 
 
    position: absolute; 
 
    margin-left: 4%; 
 
    margin-bottom: 20px; 
 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
 
    border-radius: 10px; 
 
}

<div class="index_whitebox"> 
 
    </div>

私はborder-styleはありませんと仮定し、私は携帯電話の互換性のために％を使用します。私は国境の権利を得ることができない。

Answer 1

'inspect element'を見ると、実際にどのようにコード化されているかを見ることができます。いくつかはCSSファイルを使用し、他のものはインラインであったので、私は彼らが使用する主なビットを一緒に束ねました。

.class1 { 
    left: 1px; 
    width: 302px; 
    position: absolute; 
    top: 445px; 
    height: 378px; 
} 

.class2 { 
    left: 1px; 
    width: 302px; 
    position: absolute; 
    top: 445px; 
    height: 378px; 
} 

.class3{ 
    border: 2px solid rgba(255, 255, 255, 1); 
    background-color: rgba(255, 255, 255, 1); 
    border-radius: 5px; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 
} 

それはここですべてです：あなたはそれ権利を取得カント言うとき