
이번 글은 저번글에 이어서 slide를 만드는 것을 해보겠습니다. 이번에는 CSS로 꾸며주어야 할 것이 많기 때문에 CSS파일을 따로 분리해서 작성을 하겠습니다. html을 우선 아래 코드처럼 따라서 입력을 해주세요. link의 href는 각자 파일 경로에 따라서 작성을 해주세요. 이제 CSS의 style을 꾸며 보도록 하겠습니다 전체적인 태그들의 좌표를 padding : 0 margin : 0을 통해 (0,0)처럼 딱 붙이겠습니다. 그 다음으로는 넘어갈 슬라이드의 list들의 background를 하나씩 지정을 해주세요. 그럼 웹페이지에 이렇게 줄이 그어질 것입니다. 이것들을 이제 하나로 겹치게 만들어서 input radio를 체크를 했을 때 하나씩 slide 되게 만들 것입니다. 이 nth-child..
웹 프로그래밍 기초 닦기/추가적인 CSS 자료
2019. 8. 15. 00:10
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 문자열
- TAG
- javascript
- 차이점
- inline
- 생활코딩
- css
- C언어
- 언리얼엔진4
- visual studio code
- 생활코딩#동영상을#글로#html
- 정렬
- 조건문
- 네트워크 프로그래밍
- Link
- 글로
- 기초
- 객체
- GRID
- 선택자
- 생활코딩#MySQL
- PHP&MySQL
- php
- 안드로이드 스튜디오
- 관계형데이터베이스
- 알고리즘
- HTML
- 동영상을
- 변수
- 언리얼엔진
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
글 보관함