250x250
Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- sr-only
- input text javascript
- meta
- input password 입력 바꾸기
- 컴퓨터과학과 후기
- 티스토리챌린지
- 특정도값
- focus-within
- 마이크로소프트 디자이너 컴팩트 키보드
- input text placeholder image
- microsoft designer compact keyboard
- input password 입력
- placeholder-shown:
- a11y
- 오블완
- 엣지 password 눈모양 제거
- password input
- 주민번호 input
- 마이크로소프트 디자이너 컴팩트 키보드 마우스 세트
- 컴퓨터과학과 과목 후기
- 한국방송통신대학교 졸업 후기
- 주민번호 css
- image Filter
- PlaceHolder
- Attribute Selectors
- select placeholder
- input password javascript
- CSS
- microsoft designer compact keyboard & mouse
- 컴퓨터과학과 교과목 후기
Archives
- Today
- Total
728x90
목록양쪽끝으로 배치 (1)
디자인과 개발 그 사이
자주쓰는 flex 사용예시 / 정중앙으로 배치 / 양쪽끝으로 배치
1.정중앙으로 배치 html LOGIN css * {margin: 0; padding: 0; box-sizing: border-box;} h2 {text-align: center; padding-bottom: 10px;} li {list-style: none; padding: 5px 0;} input {width: 100%; padding: 5px;} .wrap { width: 100%; background-color: cadetblue; /* 높이 값이 있어야 가운데 위치 가능 */ height: 100vh; /* flex 가운데 중앙으로 배치 */ display: flex; justify-content: center; align-items: center; } .loginBox {width: 300px..
css
2023. 7. 25. 14:44
728x90