반응형
[Project H4C] 17. CSS float
우선 새 파일 ex_css_3.html 을 만들고
긴 글 아무거나 body안에 붙여넣기 한다.
body 안에
<img src="이미지 주소" /> 추가하기
이제 저 이미지에 테두리를 적용해 보자.
<head>안에
<style>
img{border:1px solid red;}
</style>
이라고 추가한다.
글들을 이미지 오른쪽의 여백으로 끌어올리고 싶다면
img태그에 float:left; 추가한다.
float:right;로 바꿔주면 이미지가 오른쪽으로 옮겨지게 된다.
반응형
'5. 웹 애플리케이션 만들기' 카테고리의 다른 글
| [Project H4C] 19. CSS 실습 2 (0) | 2020.07.17 |
|---|---|
| [Project H4C] 18. CSS 실습 1 (0) | 2020.07.17 |
| [Project H4C] 16. CSS 박스 모델 (0) | 2020.07.17 |
| [Project H4C] 15. CSS이론 심화 학습 (0) | 2020.07.16 |
| [Project H4C] 14. CSS이론 기본 문법 (0) | 2020.07.16 |