CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 123
0
조회 수 : 19069 신고 : 0
| 미리보기 : |
|---|
TABLE을 사용할 때 처럼 중앙 정렬 하기가 쉽지 않습니다.
이 때 CSS로 처리 할 수 있는 방법입니다.^^*
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Centeral Div</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#Centeral_Div {
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px; /* DIV박스 크기의 1/2로 마진을 잡아줍니다. */
width: 100px;
height: 100px;
border: 5px solid skyblue;
}
</style>
</head>
<body>
<div id="Centeral_Div">
Oh! Centeral Div~
</div>
</body>
</html>
출처:http://argus.tistory.com/42
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기