구글크롬 검사기능 CSS BOX모델이 의도대로 되었는지 검사하는 목적으로 활용합니다.
웹페이지에서 오른쪽 마우스를 누른 뒤 검사를 누르면 위와 같은 박스모델을 확인할 수 있습니다.
<head>
<style>
div {
background-color: lightblue;
width: 200px;
padding: 25px;
border: 25px solid navy;
margin: 25px;
}
</style>
</head>
<body>
<div>This is Test.</div>
</body>
'IT 정보기술, 전자, 통신 > HTML_CSS' 카테고리의 다른 글
| Set the color for unvisited links to "red", and the color for visited links "blue". (0) | 2017.09.28 |
|---|---|
| Win키를 이용한 창 위치전환 (0) | 2017.09.28 |
| [html] 서버에 정규표현식으로 텍스트 값 입력받기 (0) | 2017.09.27 |
| [HTML] method 형식으로 폼 만들기 (0) | 2017.09.27 |
| (Quiz) HTML/CSS 퀴즈문제 풀어보세요~ (0) | 2017.09.26 |
댓글