선택자 실습 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.li-blue{
color:blue;
}
.li-green{
color:green;
}
#li-red{
color:red;
}
</style>
</head>
<body>
<p>올바른 개발자 생활</p>
<ul>
<li class="li-blue">쉬는 시간에 5분 정도 먼곳을 바라본다.</li>
<li class="li-blue">1시간마다 스트레칭을 한다.</li>
<li class="li-blue">거북목이 되지 않도록 목을 편다.</li>
</ul>
<p>연수생 수칙</p>
<ol>
<li class="li-green">지각하지 않기</li>
<li id="li-red">결석하지 않기<br>
(불가피할 땐 꼭 담당연구원에게 미리 말하기)</li>
<li class="li-green">복습하기</li>
</ol>
</body>
</html>
클래스 선택자, 아이디 선택자 실습
'Front-End > CSS' 카테고리의 다른 글
| [CSS] Ex06_Font.html (0) | 2023.06.11 |
|---|---|
| [CSS] Ex05_반응선택자.html (0) | 2023.06.11 |
| [CSS] Ex04_계층선택자 실습.html (0) | 2023.06.11 |
| [CSS] Ex02_선택자 실습.html (0) | 2023.06.11 |
| [CSS] Ex01_style.css (0) | 2023.06.11 |
