<!DOCTYPE html>
<html>
<head>
<mete charset="utf-8" />
<style>
#selected {
border:1px red solid;
padding:30px;
margin:50px;
}
#extra{
border:1px blue solid;
}
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li id="selected">css</li>
<li id="extra">javascript</li>
</ul>
</body>
</html>
css 라는 항목만 변경하고 싶을 때 li id="selected" 로 id를 만들어준다.
<style> 안에 #selected 를 입력해서 id를 호출한 뒤 내용을 입력해주면된다.
{padding:30px;} , {margin:50px}
'Web > CSS' 카테고리의 다른 글
| [css] 간단한 레이아웃 만들기 (0) | 2019.01.22 |
|---|---|
| [CSS] <link rel="stylesheet" type="text/css" href="style.css"> (0) | 2018.03.03 |
| [CSS] <img src=" " /> img{float:left;} (0) | 2018.03.03 |
| [CSS] <style> {color:red} {font-size:10px} {text-decoration:underline;} header h1{border:1px solid red;} (0) | 2018.03.03 |
| [CSS] ATOM 윈도우 설치 및 사용방법 (0) | 2018.03.03 |
댓글