[HTML&CSS] hover 연습문제 1
개발자가 되기까지 (2023.08.16~2024.04.15)/[Basic] HTML & CSS2023. 11. 19. 20:41[HTML&CSS] hover 연습문제 1

1. menu 위에 hover 시, background color 변경 2. menu 위에 hover 시, cursor pointer로 설정 menu1 menu2 menu3 menu4 [HTML&CSS] hover 연습문제 1 (다음 게시물 예고편) [HTML&CSS] hover 연습문제 2

[HTML&CSS] z-index 연습문제
개발자가 되기까지 (2023.08.16~2024.04.15)/[Basic] HTML & CSS2023. 11. 6. 23:44[HTML&CSS] z-index 연습문제

1. 컨테이너 상자 width : 300px 2. 텍스트 상자 height : 50px 3. 가운데 상자 height : 250px 4. 색깔 상자 100*100 텍스트 텍스트 [HTML&CSS] z-index 연습문제 끝! (다음 게시물 예고편) [HTML&CSS] hover 연습문제 1

[HTML&CSS] 박스 위치 연습문제
개발자가 되기까지 (2023.08.16~2024.04.15)/[Basic] HTML & CSS2023. 10. 30. 00:55[HTML&CSS] 박스 위치 연습문제

1. 상단의 큰 박스 : height : 150px 2. 하단의 큰 박스 : 500*500px 3. 작은 박스 : 100*100px [HTML&CSS] 박스 위치 연습문제 끝! (다음 게시물 예고편) [HTML&CSS] z-index 연습문제

[HTML&CSS] position 연습문제
개발자가 되기까지 (2023.08.16~2024.04.15)/[Basic] HTML & CSS2023. 10. 30. 00:24[HTML&CSS] position 연습문제

1. div 100*100 박스 6개 생성 2. 각각의 박스는 왼쪽 margin 10px로 설정 2. 마우스 커서를 박스에 올리면 색 변화 + top10px, left 10px 설정 T H A N K S [HTML&CSS] position 연습문제 끝! (다음 게시물 예고편) [HTML&CSS] 박스 위치 연습문제

[HTML&CSS] float 연습문제
개발자가 되기까지 (2023.08.16~2024.04.15)/[Basic] HTML & CSS2023. 10. 30. 00:00[HTML&CSS] float 연습문제

1. div p-box 안에 box3개 생성 2. 생성한 3개의 박스가 동일한 크기로 화면이 꽉차게 설정 (박스 3개가 나란히) [HTML&CSS] float 연습문제 끝! (다음 게시물 예고편) [HTML&CSS] position 연습문제

728x90
반응형
image