반응형
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 | 29 | 30 | 31 |
Tags
- NFT
- html5예제
- html5기초예제
- html5웹디자인
- solanaNFT
- grpc
- 웹디자인예제
- NFT솔라나
- 솔라나cookbook
- html5popup
- 솔라나NFT
- NFT개발
- html5글자효과
- nft예제
- pgpool
- html5기초
- 서버
- 포트폴리오예제
- HTML5
- 솔라나개발
- html5웹디자인예제
- html5배경만들기
- 이중화
- 솔라나
- 웹디자인
- 웹예제
- html5포트폴리오예제
- 포트폴리오
- html5디자인예제
- PostgresSQL
Archives
- Today
- Total
목록progressbar (1)
Scikit Web
001. Progressbar(진행률) 표시 하기
현재 진행률을 표시 할때 많이 사용하는 방법입니다. 현재 진행률을 표시할때는 Progressbar 안에 들어가는 글자의 가로 세로 중앙 정렬이 필수 입니다. div 안에 있는 글자를 가로 세로 중앙 정렬 하는 방법이 많이 있지만 저는 display: flex 와 justify-content, align-items 라는 CSS 속성을 이용하여 구현하였습니다. 각각의 아이템에 top, bottom 등의 값도 사용할 수 있어 원하는 위치에 따라 변경하여 사용하면 되겠습니다. HTML 삽입 미리보기할 수 없는 소스
웹디자인 중급/HTML5
2022. 4. 21. 21:26