DIV+CSS 라운드 국경

관리자 · 게시됨 2015. 1. 30. 오전 10:25:10

DIV+CSS를 사용해 둥근 모서리 테두리를 만드는 방법. 하나는 CSS3를 사용하는 것이고, 다른 하나는 레이아웃을 사용해 둥근 모서리를 시뮬레이션하는 것입니다.
1. CSS3를 사용해 4개의 모서리를 둥근 모서리로 지정하거나, 특정 모서리를 매우 편리하게 지정할 수 있습니다. 코드는 다음과 같습니다:

CSS 스타일
#round {
background-color: #000;
border: 1px solid #000;
-모즈 국경 반경: 10px;
-웹킷-테두리 반경: 10px;
color:#fff;
}

#indie {
background-color: #000;
border: 1px solid #000;
-모즈-테두드-반경-상단: 10px;
-모즈-테두드-반경-오른쪽 하단: 10px;
-웹킷-테두리-왼쪽 상단-반경: 10px;
-webkit-border-bottom-left-radius: 10px;
color:#fff;
}

[CSS/DIV] DIV+CSS 라운드 국경

관련 게시물

본 섹션