margin2 [211223] 클론코딩 / 게시판 만들기 목차 클론코딩 / 게시판 만들기 1. 구역 나누기 2. 이미지 삽입하기 3. 선 삽입하기 3-1 border과 문제점 3-2 해결방식 4. 모서리 둥글게 만들기 5. 텍스트 가운데 정렬 6. 마우스 오버 기능 클론코딩 / 게시판 만들기 1. 구역 나누기 table을 사용할 수도 있겠지만 보다 깔끔하고 수정이 용이한 ul, li기능을 사용한다. 좌측 초록색 박스와 우측 초록색 박스의 행렬이 다르기때문에 각각 다르게 작성한다. 빨간 박스 초록박스(좌) -> ul 보라색박스 6개 -> li 오렌지색박스 3개 배경에 이미지 삽입 초록박스(우) 보라색박스(상) 2개 보라색박스(하) 1개 작성한 html 2. 이미지 삽입하기 #container > #left>ul>li{ background: url("../img/.. 2021. 12. 23. [211221] table과 CSS 기초 목차 1. 지난 수업에 대한 보충 설명 파일명을 작성하는 법 html 작성을 줄이는 단축키 id란? 2. table table의 기능 table을 만드는 법 (개인과제) 회원가입폼을 만들어보기 3. css css의 기능 css의 적용방법 인라인 스타일 스타일 엘리먼트 사용 외부파일 생성 css 살펴보기 1. 지난 수업에 대한 보충 설명 1-1. 파일명을 작성하는 법 영어로 작성하고 확장자'html'을 붙인다. ex) file.html 특수문자, 띄어쓰기 x, 예외특수문자 - _ 가능, ex) file_name.html 1-2. html을 작성할때 조금 더 편하게 하는 단축키 !를 치고 엔터 1-3. id란?(어제 질문에 대한 답이므로 오늘거에 링크 연결해놓기) 특정 엘리먼트 안에서 고유한 값을 가지기 위.. 2021. 12. 21. 이전 1 다음
