웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
실제 콘텐츠가 없는 CSS 디자인 하기 본문
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>실제 콘텐츠가 없는 CSS 디자인 하기</title>
<style type="text/css">
body::before {
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0 0 -150px;
width: 300px;
height: 300px;
content: ".";
background-color: #333;
color: #fff;
text-align: center;
font: 24px/300px "나눔고딕";
}
</style>
</head>
<body>
</body>
</html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>실제 콘텐츠가 없는 CSS 디자인 하기</title>
<style type="text/css">
body::before {
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0 0 -150px;
width: 300px;
height: 300px;
content: ".";
background-color: #333;
color: #fff;
text-align: center;
font: 24px/300px "나눔고딕";
}
</style>
</head>
<body>
</body>
</html>
'css' 카테고리의 다른 글
| min-width 최소 가로폭 설정 (0) | 2011.11.11 |
|---|---|
| margin 외부여백 (0) | 2011.11.11 |
| before, after (0) | 2011.11.11 |
| CSS 가상으로 요소 추가 (0) | 2011.11.11 |
| language 속성 (0) | 2011.11.11 |