happy cat image

everdevel

So This Is Love

login
알림X
  • 현재 댓글에 대한 답변만 표시합니다.
  • 표시할 댓글 이력이 없거나 로그인해 주세요.
























에버디벨이 만든 무료 클라우드 개발환경을 소개합니다.

방문해 주셔서 감사합니다.

세로 길이 적용하기

태그에 세로 길이를 적용하는 방법에 대해 알아볼게요.
사용하는 CSS속성은 height 입니다.

height 속성 사용 방법

선택자{height:값}

길이는 px단위를 사용합니다. 그럼 해볼까요. 길이가 변했음을 알 수 없기 때문에 배경색을 지정해서 길이를 알아볼게요. ^^

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>세로 길이 적용</title>
</head>
<body>
    <p style="background:skyblue">Disney</p>
    <br>
    <p style="background:skyblue;height:100px">Disney</p>
</body>
</html>

결과는 바로 아래에서 확인하겠습니다.

위 코드의 결과

height를 적용한 태그는 그만큼의 길이를 표시하고 있네요.
이제 width와 height를 함께 사용해 봅시다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>가로 세로 길이 적용</title>
</head>
<body>
    <p style="background:skyblue;width:100px;height:100px">Disney</p>
</body>
</html>

결과는 바로 아래에서 확인하겠습니다.

위 코드의 결과

이렇게 가로 세로 길이를 모두 적용해봤습니다.


봐주셔서 감사합니다. 문의 또는 잘못된 설명은 아래의 댓글에 부탁드립니다.
당신의 작은 누름이 저에게는 큰 희망이 됩니다.

내가 알고 싶은 건 이미 꿈을 가지고 있는 자들이 얼마나 대단한 노력을 해왔는지가 아니라, 나도...이런 나도, 노력이라는 걸 하게끔 만드는 그 꿈을 어떻게 찾으면 되는가, 였는데...


    
    

강좌로 돌아가기

댓글 0개

정렬기준