전체적으로 4개의 모서리를 둥글게 만드려면
.round { border-radius: 5px; width: 200px; height: 50px; background: #181818; }
각각 모서리를 둥글게 하려면
.round { border-radius: 5px 0; border-radius: 5px 0 5px 0; }
.round { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; }
이렇게 참고하시면 될거같아요 :)
'Coding Tutorial > HTMLㆍCSS' 카테고리의 다른 글
CSS background color 에만 불투명도 적용하기 (0) | 2019.06.27 |
---|---|
CSS transition 여러개를 한번에 적용하는 방법 (1) | 2019.06.27 |
[CSS] 라인 스크롤 키프레임 애니메이션 (0) | 2019.06.07 |
[CSS] 페이지 혹은 이미지 로드시 서서히 나타나는 페이드 효과 (0) | 2019.06.07 |
맑은고딕 웹 폰트 적용하기 (0) | 2019.05.23 |
댓글