반응형 웹페이지 드롭 칼럼

| 2021.04.02

dr210402.jpg

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>반응형 웹페이지 드롭 칼럼</title>

    <style>
        * {
            margin: 0;
            padding: 0;
        }

        #box_a {
            height: 400px;
            background: #ff9900;
            width: 35%;
            float: left;
        }

        #box_b {
            height: 400px;
            background: #eee;
            width: 30%;
            float: left;
        }

        #box_c {
            height: 400px;
            background: #f00000;
            width: 35%;
            float: right;
        }

        @media screen and (max-width: 1024px) {
            #box_b {
                float: none;
                width: auto;
            }

            #box_c {
                float: none;
                clear: both;
                width: auto;
            }
        }

        @media screen and (max-width: 800px) {
            #box_a {
                float: none;
                width: auto;
            }
        }
    </style>
</head>

<body>
    <div id="box_a">
        1<br>
        동해물과 백두산이 마르고 닳도록<br>
        하느님이 보우하사 우리나라 만세.<br>
        무궁화 삼천리 화려강산<br>
        대한 사람, 대한으로 길이 보전하세
    </div>

    <div id="box_b">
        2<br>
        남산 위에 저 소나무, 철갑을 두른 듯<br>
        바람서리 불변함은 우리 기상일세.<br>
        무궁화 삼천리 화려강산<br>
        대한 사람, 대한으로 길이 보전하세
    </div>

    <div id="box_c">
        3<br>
        가을 하늘 공활한데 높고 구름 없이<br>
        밝은 달은 우리 가슴 일편단심일세.<br>
        무궁화 삼천리 화려강산<br>
        대한 사람, 대한으로 길이 보전하세
    </div>
</body>
</html>

TAG •

List of Articles
번호 분류 제목 날짜 조회 수
103 zb4 vol.1 허접한 최근게시물 file 2003.01.21 23631
102 제로카운터 설치하기 2 file 2003.02.02 16325
101 zb4 vol.2 기본적인 최근게시물 file 2003.02.08 10005
100 zb4 vol.3 스노우보드 게시판형 갤러리 2 file 2003.02.28 10707
99 zb4 vol.4 스노우보드 게시판형 자료실 file 2003.02.28 7861
98 zb4 vol.5 스노우보드플러스 한글판 file 2003.06.28 7278
97 zb4 vol.6 평범한 최근게시물 file 2003.07.07 9309
96 zb4 vol.7 간단 깔끔 로그인 file 2003.07.12 9495
95 zb4 vol.8 하나포스 디자인 외부로그인 file 2003.07.31 10543
94 zb4 vol.9 daerew1 게시판 file 2003.12.30 9030
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 Next
/ 11