<style>
.bg-yellow{background-color: yellow;}
.bg-gray{background-color: #cecece;}
.big-font{font-size: 30px;}
.small-font{font-size: 10px;}
.box{
width: 100px;
height: 100px;
border-width: 1px;
border-style: solid;
border-color: red;
}
</style>문제
위의 css 요소를 div 요소에 자유롭게 적용해보세요.
HTML문서의 class 속성 값을 다중으로 줄 수 있다.
답
<body>
<div class="bg-yellow">div1</div>
<div class="bg-gray">div2</div>
<div class="big-font">div3</div>
<div class="small-font box">div4</div>
<div class="box">div5</div>
</body>'CSS' 카테고리의 다른 글
| 메뉴만들기 연습1 (0) | 2019.11.19 |
|---|---|
| CSS+Javascript 1 (0) | 2019.11.19 |
| p 요소 변경하기 (0) | 2019.11.19 |
| 가상클래스 PseudoClass / 가상요소 PseudoElement (0) | 2019.11.19 |
| 속성(Properties)과 값(Value) (0) | 2019.11.19 |
