1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> #box { width : 400px; height: 300px; position: absolute; top:50%; left:50%; margin-left: -200px; margin-top : -150px; background: gold; } </style> </head> <body> <div id="box"></div> </body> </html> |
반응형
'CSS' 카테고리의 다른 글
| [CSS] table-cell div 수직 수평 정렬 (0) | 2015.01.28 |
|---|---|
| [CSS] user-select:none 텍스트 드레그 막기 (0) | 2015.01.23 |
| [CSS] position을 이용한 가변레이아웃 (0) | 2015.01.07 |
| [CSS] ::after 가상선택자 배경이미지넣기 (0) | 2015.01.05 |
| [CSS] table td 텍스트 넘침 ... 표시 (0) | 2015.01.01 |
