반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- NFT솔라나
- 웹예제
- html5웹디자인
- 솔라나cookbook
- HTML5
- grpc
- 서버
- html5배경만들기
- html5디자인예제
- html5기초
- 포트폴리오
- pgpool
- html5예제
- solanaNFT
- 웹디자인
- NFT개발
- html5popup
- 웹디자인예제
- html5기초예제
- 포트폴리오예제
- 이중화
- NFT
- 솔라나개발
- PostgresSQL
- html5웹디자인예제
- 솔라나NFT
- nft예제
- html5포트폴리오예제
- 솔라나
- html5글자효과
Archives
- Today
- Total
목록html5특정영역에스크롤 (1)
Scikit Web
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/swbzE/btrAoIrpOuJ/GqK3aiu2WAqXVoLI0LZ9F1/img.png)
이번에는 특정 영역에서만 동작하는 스크롤을 만드는 예제 입니다. 가로로 스크롤 되는 것과 세로로 스크롤 되는 예제 입니다. html5 CSS 에는 max-width, max-height 가 존재 합니다. 설정 한 크기를 넘어가는 내용을 담게 되면 스크롤이 생기게 하는 예제 입니다. 가로 스크롤을 만들때는 max-width 와 overflow-x 라는 속성을 활용하고 세로 스크롤을 만들때는 max-height 와 overflow-y 라는 속성을 활용하면 됩니다. 이미지를 넣거나 해보면 더 쉽게 동작을 확인할 수 있습니다. HTML 삽입 미리보기할 수 없는 소스
웹디자인 초급/HTML5
2022. 4. 25. 20:40