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
- ::before
- 인라인 레벨 요소
- 속성 선택자
- Border
- HTML정의
- select
- textarea
- Ol
- BODY
- JAVA 개발 환경 설정
- ul
- rowspan
- Head
- table
- :active
- Python
- 전체 선택자
- BR
- Title
- img
- tag
- !doctype html
- colspan
- option
- Form
- Li
- ::first-letter
- JavaScript
- ::first-line
- 한정수 강사님
Archives
- Today
- Total
목록bottom-right (1)
개발 공부 기록하기
DAY 15. 박스 모델 테두리 지정하기(2): border-radius, 원하는 꼭짓점만 둥글게
5. 둥근 테두리: border-radius 박스 모델의 꼭짓점 부분을 둥글리는 속성이다. 둥근 네모에서부터 타원형까지도 만들 수 있다. border-radius: | ; * radius: 반지름, 반경 속성값 설명 px, em 등의 단위와 수치로 표시. 현재 요소의 크기를 기준으로 비율(%)로 지정. 예제 1. ↓ 이걸 표 테두리에도 응용해볼까~? ↓ 오오오오오옹 된다 된다!!😍 이것을 더 응용해서! 동그란 이미지는 어떻게 만들 수 있을까? 이미지의 가로, 세로를 같은 크기로 지정하고, border-radius: 50%;로 지정하면 된다! 예제 2. ↓ 6. 원하는 꼭짓점만 둥글게 만들기 border-위치를 나타내는 단어-radius 속성으로 표시하면 된다. 그러니까 예시로 들자면, 왼쪽 아래 꼭짓점 ..
프밍/CSS
2022. 11. 10. 23:48