유투브 코딩 강의3 반응형 게시판 만들기 4 - 글쓰기, 글 수정 페이지 [Youtube_렛츠코딩앤플레이] https://www.youtube.com/watch?v=bAGyiJ2xVYI 만든 파일 목록 🎯목표로 하는 화면 1. html 까지 구현 🟠write.html 공지사항 공지사항을 빠르고 정확하게 안내해드립니다. 제목 글쓴이 비밀번호 등록 취소 를 이제 CSS 해야한다. 그런데, ⛔문제발생 문제 ① input 너비 80% 로 시키는대로 크기 지정해 주었는데...적용이 되지 않는다. 문제 ② text area도 마찬가지. 적용이 안된다고 느끼는 지점의 코드 ⛔style.css .board_write .title input[type="text"] { /*🟡⛔input 은 css 에서 타입을 지정해 줄 수가 있다. 위처럼 4강 18:15 */ width: 80%; } .board_write .cont { bo.. 2022. 12. 18. 반응형 게시판 만들기 2 - 게시판 목록과 페이지 버튼 https://www.youtube.com/watch?v=HvrOnjX__jE 결과화면 🔴index.html 공지사항 공지사항을 빠르고 정확하게 안내해드립니다. 번호 제목 글쓴이 작성일 조회 5 글 제목이 들어갑니다. 김아름 2022.12.16 33 4 글 제목이 들어갑니다. 김아름 2022.12.16 33 3 글 제목이 들어갑니다. 김아름 2022.12.16 33 2 글 제목이 들어갑니다. 김아름 2022.12.16 33 1 글 제목이 들어갑니다. 김아름 2022.12.16 33 목록 🔵style.css * { margin: 0; padding: 0; } html { font-size: 10px; } ul, li { list-style: none; } a { text-decoration: none; c.. 2022. 12. 16. 반응형 게시판 만들기 1 - 전체 구조 설계, 타이틀과 버튼 스타일 https://www.youtube.com/watch?v=UbCpnAasblc 🔴list.html 공지사항 공지사항을 빠르고 정확하게 안내해드립니다. 목록 수정 🔵style.css * { margin: 0; padding: 0; } html { font-size: 10px; } ul, li { list-style: none; } a { text-decoration: none; color: inherit; /* ㄴ 컬러 상속받아라 */ } .board_wrap { width: 1000px; margin: 100px auto; /* 가로는 1000픽셀, 위아래로는 100픽셀 & 가운데정렬 */ } .board_title { margin-bottom: 30px; /* 공지사항 밑으로 30픽셀 여백 주는 것 *.. 2022. 12. 16. 이전 1 다음 728x90 반응형
