본문 바로가기
Coding/HTML & CSS

[HTML & CSS] div 태그에 테두리 그리기(border 그리기)

by 포스트it 2022. 11. 16.
728x90
반응형

[HTML & CSS] div 태그에 테두리 그리기(border 그리기)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>test</title>
</head>
<style>
    .test {
        width: 200px;
        height: 200px;
        background-color: #dcdcdc;
        border: 1px solid blue;
      }
</style>

<body>
      <div class="test">안녕하세요?</div>
</body>
</html>

결과값

 

안녕하세요?
728x90
반응형

댓글