본문 바로가기

Python_WEB/HTML

[Ch5]CSS 박스 모델과 응용 연습문제 2

반응형

Q>

이미지를 사용하지 않고 HTML5와 CSS3만을 사용하여 작성하시오.

 

A>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table {
            border-spacing: 1px 2rem;
        }

        td {
            padding: 30px;
        }

        td.td1 {
            border-right: 1px solid gray;
            color: red;
            font-size: 50px;
        }

        td.td2 {
            font-weight: lighter;
            font-size: 50px;
            color: blue;
        }
    </style>
</head>

<body>
    <table>
        <tr>
            <td class="td1"><strong>1.</strong></td>
            <td class="td2"><i><strong>HTML5</strong></i>로 문서의 내용을 정의한다.</td>
        </tr>

        <tr>
            <td class="td1"><strong>2.</strong></td>
            <td class="td2"><i><strong>CSS3</strong></i>로 문서의 스타일을 정의한다.</td>
        </tr>

        <tr>
            <td class="td1"><strong>3.</strong></td>
            <td class="td2"><i><strong>Javascript</strong></i>로 문서의 동작을 정의한다.</td>
        </tr>
    </table>
</body>

</html>

 

R>

HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초
국내도서
저자 : 천인국
출판 : 인피니티북스 2013.12.19
상세보기

 

 

반응형