Web/CSS

[CSS] <li id="selected"> #selected{} {padding:30px;} {margin:50px}

뉴비뉴 2018. 3. 3.

<!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}

[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

댓글