11.css3 ページ表示域の外側(全体)に影を付ける Chap 5-7
学習書の「sample_a」(Chap5_1-7)を表示しソースコードを見て下さい。
ページ全体(container)に影を付ける
CSS記述
1 2 3 4 5 6 7 8 9 10 |
body {... margin: 0;} div#container {width: 900px; margin-left: auto; margin-right: auto; background-color: #ffffff; padding: 0 10px; -webkit-box-shadow: 0px 0px 20px #666666; box-shadow: 0px 0px 20px #666666;} |
ページ全体の外枠は、教材では左右に40px、当ページでは左右10pxの白の枠を取っている