로그인  회원가입  
인포앤북 홈

Chapter 01. CSS 기본 문법

1-7. 프로젝트 1

PROJECT. 록 음악 페이지 CSS로 꾸미기

다음은 록 음악 소개 페이지를 CSS로 꾸민 것입니다. 밑줄을 채워 보세요.

브라우저 실행 결과
HTML 소스
<style>
h2 { color:red; }
(1)_______________ { (2)_______________:bold; text-decoration: (3)_______________; }
</style>
</head>
<body>
    <h2>록 음악</h2>
    <p>록 음악은 <span>1950년대 초</span> 미국에서 생겨난 대중음악의 한 형식이다. 
       록은 일반적으로 보컬, 리드 전기 기타, 베이스 기타, 드럼의 넷으로 구성되며, 
       <span>강렬한 기타 혹은 드럼 소리</span>가 특징이다.</p>
</body>

(1) span
(2) font-weight
(3) underline

PROJECT. 강아지 품종 페이지 CSS로 꾸미기

다음은 강아지 품종 소개 페이지에서 링크된 글자를 CSS로 꾸민 것입니다. 밑줄을 채워 보세요.

브라우저 실행 결과
HTML 소스
<style>
    a:link { color: grey; text-decoration: (1)___________; }
    a:visited { color: grey; text-decoration: (2)__________; }
    a:(3)__________ { color: (4)__________; text-decoration: (5)__________; font-weight: bold; }
    a:active { color: grey; text-decoration: (6)__________; }
</style>
<body>
    <h3>강아지 품종</h3>
    <ul>
        <li><a href="#">진돗개</a></li>       
        <li><a href="#">푸들</a></li>
        <li><a href="#">몰티즈</a></li>
        <li><a href="#">닥스훈트</a></li>
    </ul>
</body>

(1) none
(2) none
(3) hover
(4) red
(5) none
(6) none