無标题文档 <br>ボディ{ <br>背景色:#CCC;} <br> #電話{ <br>幅:250px; <br>高さ:500ピクセル; <br> 背景色:#2e2e2e; <br> マージン: 60px 自動; <br> ボーダー:#3b3b3b 実線 10 ピクセル; <br> ボーダー半径:50px; <br> box-shadow:3px 5px 5px 1px rgba(0,0,0,0.5); <br>位置:相対的; <br> } <br> #phone:before{ <br> content:''; <br>幅:50ピクセル; <br>高さ:6ピクセル; <br> 背景色:#2e2e2e; <br> 表示:ブロック; <br>位置:絶対; <br>トップ:-16px; <br>左:150ピクセル; <br> border-radius:3px 3px 0px 0px;} <br> #phone:after{ <br> content:''; <br>幅:6ピクセル; <br>高さ:50ピクセル; <br> 背景色:#2e2e2e; <br> 表示:ブロック; <br>位置:絶対; <br>左:-16px; <br>トップ:60ピクセル; <br> border-radius:3px 3px 0px 0px;} <br> #camera{ <br> width:6px; <br>高さ:6ピクセル; <br> ボーダー:#4a4a4a 実線 3 ピクセル; <br> マージン:20px 自動 0px; <br> 境界半径:50%; <br> box-shadow:1px 2px 2px rgba(0,0,0,0.5);} <br> #headphone{ <br> width:60px; <br>高さ:5ピクセル; <br> ボーダー:#4a4a4a ソリッド 4px; <br> マージン: 13px 自動; <br> ボーダー半径:10px; <br> box-shadow:1px 2px 2px rgba(0,0,0,0.5); <br> } <br> #screen{ <br> width:220px; <br>高さ:360ピクセル; <br> マージン:15px 自動 0px; <br> 背景色:#0a0a0a; <br> border:#1a1a1a ソリッド 4px;} <br> #btn{ <br> width:40px; <br>高さ:40ピクセル; <br> 背景色:#1a1a1a; <br> マージン: 8px 自動 0px; <br> ボーダー半径:50px; <br> box-shadow:2px 2px 2px rgba(0,0,0,0.5) インセット; <br> オーバーフロー:非表示; /*边界の阻止*/} <br> #btn:before{ <br> content:''; <br>幅:20ピクセル; <br>高さ:20ピクセル; <br> ボーダー:#fff ソリッド 2px; <br> 表示:ブロック; <br> マージン: 9px 自動; <br> 境界半径:5px; <br> } <br>
