display3 두개의 div 한줄에 넣기 클라스 지정후, display: inline-block 2022. 5. 26. 2-4 JQuery 적용하기(포스팅 박스) _ .show & .hide / display:none 영화 기록하기 버튼을 누르면 숨겨진 창이 나타나고 닫기를 누르면 사라짐. 1. 각 버튼에 먼저 function을 연결시켜준다. 영화 기록하기 닫기 function open_box(){ } function close_box(){ } 2. 타겟 창의 div 에 id 값을 주기. ex) 3. 타겟 창 제어하기. function open_box(){ $('#post-box').show() } function close_box(){ $('#post-box').hide() } **post-box를 시작부터 감춰두기: css를 display:none 으로 설정 2022. 5. 13. 1-9 CSS 속성(이미지 어둡게 / border/가운정렬) 이미지 어둡게 CSS 에 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) , url(””) ↑ 이미지 주소 입력 Border 순서: border: 사이즈 스타일 색상; border: 1px solid white; 내용 가운데 정렬 CSS에 display: flex; flex-direction: column; align-items: center; justify-content: center; ⭐️ display(화면에 어떻게 나타낼지/ 요소크기 결정) 속성 display:~~; None - 화면에서 사라짐. 크기차지도 하지 않음 block- 태그의 기본값. width가 자신의 컨테이너의 100%가 됨. inline.. 2022. 5. 11. 이전 1 다음
