210601 UIUX WebDesign CSS 연습_4

ITisIT210·2021년 6월 6일
0

CSS

목록 보기
4/93
post-thumbnail
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>스크램블 에그</title>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    body {
        font-family: "맑은 고딕";
        font-size: 16px;
        line-height: 1.5;
    }
    div {
        margin: 50px 350px auto;
        padding: 50px;
        border: 5px double #ff6600;
    }
    h1 {
        margin-bottom: 30px;
        padding: 20px;
        color: #fff;
        background-color: #ff6600;
    }
    h2 {
        margin: 20px 0px 10px 0px;
        color: #ff6600;
    }

    ul {
        padding: 20px 260px 20px 40px;
        background-color: #eee;
    }
    ol {
        padding: 0px 0px 30px 40px;
    }
</style>
</head>
<body>

<div>
    <h1>스크램블 에그</h1>
    <p>
        계란은 제가 가장 좋아하는 음식입니다. 맛이 풍부한 스크램블 에그의 조리법은 다음과 같습니다.
    </p>
    
    <h2>재료</h2>
    <ul>
        <li>계란 2개</li>
        <li>버터 1스푼</li>
        <li>크림 2스푼</li>
    </ul>
    
    <h2>방법</h2>
    <ol>
        <li>중간 불로 후라이팬에 버터를 녹인다.</li>
        <li>그릇에 계란과 크림을 부드럽게 섞는다.</li>
        <li>버터가 녹으면 크림과 계란을 추가한다.</li>
        <li>오믈렛 만들듯이 주걱을 사용하여 계란을 후라이팬의 가장자리에서 중심으로 20초마다 접는다.</li>
        <li>계란이 살짝 덜 익은 상태에서 꺼내 그릇에 담는다(테이블에 내기 전에 그릇 위에서 마저 익힌다).</li>
    </ol>
</div>

</body>
</html>
profile
Engineering is the closest thing to magic that exists in the world.

0개의 댓글

관련 채용 정보