Question 1

각 모서리마다 다른 반경을 설정할 수 있나요?

Accepted Answer

각 모서리마다 다른 반경을 설정할 수 있나요? 예, border-radius: 상단-왼쪽 상단-오른쪽 하단-오른쪽 하단-왼쪽 형식을 사용하세요.

Question 2

카드에 가장 적합한 테두리 반경은 얼마입니까?

Accepted Answer

카드에 가장 적합한 테두리 반경은 얼마입니까? 12-16px은 대부분의 현대적인 디자인의 카드에 가장 적합합니다.

Question 3

다양한 요소에 어떤 테두리 반경 값을 사용해야 합니까?

Accepted Answer

다양한 요소에 어떤 테두리 반경 값을 사용해야 합니까? 카드는 일반적으로 8~16px, 버튼은 4~8px, 모달은 12~20px, 아바타는 50% 원에 사용됩니다. 비례적 일관성을 위해 더 큰 요소에 더 큰 값을 사용하십시오.

Question 4

알약 모양의 버튼을 만들려면 어떻게 해야 하나요?

Accepted Answer

알약 모양의 버튼을 만들려면 어떻게 해야 하나요? border-radius를 999px와 같이 매우 큰 값으로 설정하세요. 브라우저는 요소 높이의 절반으로 제한하여 버튼 크기에 관계없이 자동으로 알약 모양을 만듭니다.

Question 5

각 모서리에 서로 다른 반경을 적용할 수 있나요?

Accepted Answer

각 모서리에 서로 다른 반경을 적용할 수 있나요? 예, 4개의 개별 모서리 컨트롤을 사용하면 왼쪽 상단, 오른쪽 상단, 오른쪽 하단 및 왼쪽 하단에 고유한 값을 설정할 수 있습니다. 이는 방향성 디자인 요소에 유용합니다.

테두리 둥글기

테두리 반경 가이드