2024-10-10  DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        .text {            text-shadow: 3px 4px 2px gray;        }    style>head>body>            text-shadow 속성        - 텍스트에 그림자를 지정하는 속성.        - 형식) text-shadow :         * 가로거리          - 텍스트로부터 그림자까지의 가로거리.     ..

2024-10-10  DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        .box {            width: 500px;            height: 300px;            border: 20px inset blue;            box-sizing: border-box;        }    style>head>body>            border 속성        - 요소의 테두리 선을 지정 할 때 사용되는 속성..

2024-10-10  DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        .txt1 {            font-size: 1.5em;            letter-spacing: 3px;       /* 자간 설정 속성 */            word-spacing: 5px;      /* 단어와 단어 사이의 간격(띄어쓰기 간격) */        }    style>head>body>    p class="txt1">        재의의 ..

2024-10-10  DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        .txt1 {            font-size: 20px;            font-family: 맑은고딕, 굴림, 궁서;        /* 처음 글씨체로 적용, 없는 경우 다음 글씨체로 적용, 또 없는 경우 다다음 글씨체로 적용 */            line-height: 30px;      /* 행단 설정 속성 */        }        .txt2 {   ..

2024-10-10   DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        body {            margin: 0;            background-color: lightgray;        }        .box1 {            width: 300px;       /* 가로 너비 300px */            height: 200px;      /* 세로 너비 200px */            background..

2024-10-10 DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        .block img {            display: block;        }    style>head>body>        div>        img src="images/car1.gif" width="250">        img src="images/car2.gif" width="250">        img src="images/car3.gif" width="2..