CSS
| /* p{ | |
| color : rgb(54, 134, 134); | |
| font-family: "굴림"; | |
| font-size: large; | |
| font-style: italic; | |
| text-align: center; | |
| text-decoration:line-through; | |
| text-shadow: 4px 4px 4px black; | |
| } | |
| *{ | |
| background-color: white; | |
| } | |
| ol{ | |
| list-style-type:square; | |
| } | |
| ul{ | |
| list-style-type: upper-roman; | |
| } | |
| table{ | |
| border : 3px solid pink; | |
| caption-side: bottom; | |
| } | |
| img{ | |
| width : 80px; | |
| height : 80px; | |
| display: block; | |
| border-style: dashed; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| div{ | |
| width: 500px; | |
| height: 500px; | |
| border-style: solid; | |
| border-width: 20px; | |
| border-color: pink; | |
| } | |
| */ | |
| div#a{ | |
| width: 100px; | |
| height: 100px; | |
| background-color: red; | |
| margin-bottom: 100px; | |
| /* display: none; */ | |
| float : right; | |
| } | |
| div#b{ | |
| width: 100px; | |
| height: 100px; | |
| background-color: salmon; | |
| margin-top: 100px; | |
| } | |
| img#김선호_증명사진.jpg{ | |
| position:fixed; | |
| } |
HTML
| <!DOCTYPE html> | |
| <html lang="ko"> | |
| <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> | |
| <link rel="stylesheet" href="CSS_002.css"> | |
| </head> | |
| <body> | |
| <div> | |
| <img src="김선호_증명사진.jpg"> | |
| </div> | |
| </body> | |
| </html> |
728x90
'구트아카데미 > 2. CSS' 카테고리의 다른 글
| [CSS] 기초 8 (0) | 2021.06.16 |
|---|---|
| [CSS] 기초 7 (0) | 2021.06.14 |
| [CSS] 기초 5 (0) | 2021.06.10 |
| [CSS] 기초 4 (0) | 2021.06.10 |
| [CSS] 기초 3 (0) | 2021.06.10 |