2024년 4월 9일 CSS-Background

오늘은 CSS에 배경에 대해서 말씀을 할꺼니까 잘 들어주세요 

그럼 오늘도 하나씩  구현해보면  알아가봅시다 정신바짝 차려

 

1. CSS 배경

body 태그 전체에 색깔을 입히고 빨간색 테두리를 만들고 흰 배경.. 이제는 다 알지 않나? 안쪽 여백20

 

2. CSS배경 

x열로 반복, y열로 반복, 노 반복==그냥 하나 >>> 저거는 이미지를 하나 가져와본거야

 

3. CSS배경

 

4. CSS배경

4번째는 입모양이고 내가 나중에 따로 태그명령어 적어서 올려줄께

 

5. CSS배경

사진을 하나 가져와서 중앙에 맞게 적용을 시켜준거

 

6. 패딩

패팅을 시계방향으로 픽셀을 나눠준거야

 

7. 테두리

크기는 다 똑같아 첫 번째꺼는 아무것도 적용이 안되어있는거야

 

8. 마진

세로 겹침발생 더 큰 여백의 값이 적용

 

9. 박스사이징

10. 디스플레이

밑에 2개인데 hidden으로 하나가 숨겨진거

 

11. 폼  

 

 

12. 상대 위치 지정 방식

13. 고정 위치 지정 방식

스크롤 생기게 하기위해서 여러 개의 lorem을...

14. 스티키 지정 방식

15. 절대 위치 지정 방식

이건 위치를 정해줘서 0값을 적용시키면 가장자리에 자리하는거야