반응형
<!DOCTYPE html>
<html>
<head>
<style>
li{
color:red;
text-decoration: underline;
} /*태그 선택자*/
#select{
font-size:50px;
} /*아이디 선택자 : id는 중복해서 사용이 불가능하다. 한번 사용하면 끝이다.*/
.deactive{
text-decoration:line-through;
} /*클래스 선택자*/
</style>
</head>
<body>
<ul>
<li class="deactive">html</li>
<li id="select">css</li>
<li>javascript</li>
</ul>
</body>
</html>
css인데 왜 html로 썼는지 이상하겠지만, 귀찮아서다.
<style> 태그 안에 있는 문이 css문이다.
반응형
'WEB > CSS' 카테고리의 다른 글
| font-size (0) | 2024.02.16 |
|---|---|
| 부모 자식 선택자 (0) | 2024.02.16 |
| [CSS] @media, @keyframe (0) | 2023.10.23 |
| [CSS] backface-visibility (0) | 2023.10.22 |
| [CSS] transform :perspective() (0) | 2023.10.22 |