개발나라 스용공주

아래 사진과 같이 border로 만든 사각형을 중앙에 배치하는 방법에 대해서 알아볼 것이다. 우선 border를 이용하여 상자를 만들어주고 이를 감싸는 더 큰 범위의 container를 하나 생성해주었다. .pink { width : 700px; height : 450px; background-color: palevioletred; }  그리고 중앙배치를 위해 아래 코드를 container에 만들어준다..container { display: flex; justify-content: center; ..

아래 사진은 이름, 제목, 저장하기 버튼을 table 속성을 이용하여 만들어준 것이다.아래 사진과 같이 화면 전체의 너비만큼 테이블에 선을 그어주고 싶다면 에 width값을 아래 코드와 같이 100%으로 해줘야 한다.  table { width : 100%; } 게시판 글쓰기 폼 이름홍길동 제목 저장하기

아래 예제 사진처럼 '지역' 글씨 부분과 날짜 부분을 보면 가로 세로가 칸이 병합된 것을 알 수 있다. [ rowspan ]아래 코드와 같이 rowspan을 사용하면 위아래 칸을 병합시켜줄 수 있다.숫자 2는 2칸을 병합한다는 의미다. 지역  [ colspan ]똑같은 방식으로 colspan을 사용하면 좌우 칸을 병합시켜줄 수 있다.숫자 2는 2칸을 병합한다는 의미다. 13일(목)   https://hwangseoyoung.tistory.com/ 개발나라 스용공주프로그래밍 언어 및 개발 프로그램 툴에 대해 다루는 뭐 .. 그런 블로그hwangseoyoung.tistory.com

일기예보 지역13일(목)14일(금)15일(토)16일(일) 오전오후오전오후오전오후오전오후 서울경기도인천 대전세종충남 부산울산경상남도

아래 사진과 같이 폼 양식을 만드는 코드이다. 아이디 : 비밀번호 : 성별 : 남자 여자 가입 출처 : SNS 광고 지인 추천 가입 양식 PDF : 이메일 : @ naver.comgmail.com 가입 소감 : , 제출     [ 아이디와 비밀번호 ]아래 사진과 같이 을 text로 하게 되면 일반적인 아이디를 작성하는 것과 같이 글자 그대로 작성되고 password로 할 경우 비밀번호 작성할 때처럼 작성한 글자가 가려지게 된다.아이디 : 비밀번호..

아래 사진은 요일 별 기상시간을 작성해둔 표이다. 수요일목요일금요일 AM 8:30AM 10:00AM 9:30    위의 표와 다르게 아래 사진의 표는 1개의 실선으로만 구성되어져 있다.표의 css 속성에 아래 코드를 넣어주면 선이 2개 중복되는 것 없이 실선 1개만으로 구성된 표가 그려진다.border-collapse: collapse; 수요일목요일금요일 AM 8:30AM 1..

이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=djBrHjeitUo&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=14  [ CSS 묶어 관리하기 ]중복되는 css가 있다면 이것을 묶어 관리하면 나중에 수정하기도 편리해진다.아래 두개의 페이지 코드가 있다.이 두 페이지 코드는 모두 동일한 형식으로 내부의 콘텐츠 구성만 다르게 이뤄져 있다. Youtuber Youtube Contents Introducing My Youtube This is my YOUTUBE CHANNEL..

이번 글은 아래 강의 내용을 바탕으로 작성하였다.(생활코딩)https://www.youtube.com/watch?v=qe3nSIg2k3Y&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=13  [ 반응형 웹페이지 실습 ]아래 사진과 같이 모니터 화면 크기에 맞게 만들어둔 웹페이지를 핸드폰 크기와 같이 세로가 더 긴 형태에서 적합하게 보여지도록 페이지 디자인을 반응형 웹으로 수정할 것이다.[ 기존 코드 ]   [ 전체 코드 ] Youtuber Youtube Contents Introducing My Youtube This is my ..