어제 오늘 내일

border-radius 버튼의 테두리를 둥글게 하기 위해서는 border-radius 속성을 사용합니다. 이 속성은 요소의 각 테두리를 둥글게 하는 속성으로, 1개~8개까지의 값을 지정할 수 있습니다. border-radius 속성에 대한 자세한 설명 및 사용방법은 아래의 지난 포스팅을 참조하세요. [HTML/CSS] div 테두리 모서리 둥글게 만들기 (border-radius) 버튼 테두리 둥글게 만들기 예제 둥근 테두리 버튼 .my_btn { font-size: 30px; background-color: skyblue; color: white; border: none; border-radius: 20px; } border-radius: 20px; border-radius에 1개 값을 지정하면, 모..

네모난 이미지 파일을 CSS 속성을 이용하여 동그란 원 모양으로 보이도록 조정할 수 있습니다. border-radius 이 속성은 요소의 테두리를 둥글게 하는 단축 속성입니다. 속성 값은, 각 테두리의 꼭짓점을 나타내는 반지름 길이(px, em 등)나 퍼센트입니다. 원래는 각 모서리의 변마다 8개까지 값을 지정할 수 있는 속성이지만, 모든 모서리의 반지름이 같은 원을 표현하고자 할 때는, 한 개의 속성값으로 충분합니다. border-radius에 대한 자세한 설명은 지난 포스팅을 참조하세요. [HTML/CSS] div 테두리 모서리 둥글게 만들기 (border-radius) [HTML/CSS] div 테두리 모서리 둥글게 만들기 (border-radius) border-radius 30px 30% 30p..

border-radius 30px 30% 30px, 10px 30px, 10px, 50px 10px, 20px, 30px, 40px #ex1 { background-color : green; border-radius: 30px; } #ex2 { background-color : red; border-radius: 30%; } #ex3 { background-color : gray; border-radius: 30px 10px; } #ex4 { background-color : lightpink; border-radius: 30px 10px 50px; } #ex5 { background-color : purple; border-radius: 10px 20px 30px 40px; } #ex1, #ex2, #..