2. CSS

CSS Inline 형태를 block 형태로 바꾸기

도피디 2024. 11. 17. 14:56
반응형
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
div {
height: 150px;
width: 150px;
background-color: tomato;
}
span {
display: block;
background-color: turquoise;
}
</style>
</head>
<body>
<div></div>
<span>hello</span>
<span>hello</span>
</body>
</html>

 

 

 

결과

 

반응형

'2. CSS' 카테고리의 다른 글

CSS 마진(margin) 지우기 삭제  (0) 2024.11.17
CSS 박스의 특징 1. margin (마진)  (0) 2024.11.17
CSS <span> 태그 특징 (inline)  (0) 2024.11.13
CSS 박스(Box)의 개념을 알아보자  (0) 2024.11.13
CSS의 특징 - Cascading  (0) 2024.11.11