-
(54)CSS_float2HTML, CSS 2023. 4. 3. 16:44728x90
- CSS float 2번째 예제
- 아래 링크를 통해 태그 설명을 볼 수 있다.
- https://jm-rograming.tistory.com/74
(35)CSS_태그 설명
font-size 텍스트 크기를 설정 px, %, em, rem font-family 텍스트의 글꼴을 설정 ✔ 글꼴을 선택하는 방법 누구나 설치되어 있는 기본 글꼴을 사용 이미지로 처리 클라리언트에 글꼴을 다운로드 시켜 사
jm-rograming.tistory.com
<!DOCTYPE html><html lang="en"><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>float</title><style>#box1{padding: 20px;background-color: gold;margin-right: 20px;float: left;}#box2{padding: 20px;background-color: deeppink;margin-right: 0;float: left;margin-right: 20px;}#box3{padding: 20px;background-color: deepskyblue;margin-right: 0;float: left;margin-right: 20px;}#box4{padding: 20px;background-color: greenyellow;margin-right: 0;float: left;margin-right: 20px;}</style></head><body><h2>float2</h2><div id="box1">박스-1</div><div id="box2">박스-2</div><div id="box3">박스-3</div><div id="box4">박스-4</div></body></html>
'HTML, CSS' 카테고리의 다른 글
(56)CSS_레이아웃 기본 문법 (0) 2023.04.03 (55)CSS_clear (0) 2023.04.03 (53)CSS_float1 (0) 2023.04.03 (52)CSS_z-index (0) 2023.04.03 (51)CSS_절대 위치 지정 방식 (0) 2023.04.03