div
의 아래쪽 테두리를 반올림하려합니다. CSS로 할 수 있습니까? 다음과 함께 모서리를 돌릴 수 있습니다.div의 반올림 된 아래쪽 테두리
border-bottom-left-radius : 50px;
나는이 문제를 해결하기 위해 노력하고 있습니다.
도움이된다면 크게 도움이 될 것입니다.
감사합니다.
div
의 아래쪽 테두리를 반올림하려합니다. CSS로 할 수 있습니까? 다음과 함께 모서리를 돌릴 수 있습니다.div의 반올림 된 아래쪽 테두리
border-bottom-left-radius : 50px;
나는이 문제를 해결하기 위해 노력하고 있습니다.
도움이된다면 크게 도움이 될 것입니다.
감사합니다.
물론 가능합니다. 오버레이 div.
.outer {
width: 50px;
height: 50px;
position: relative;
border: #000 1px solid;
}
.inner {
position:absolute;
background: #fff;
height: 20px;
width: 50px;
bottom: -1px;
left: -1px;
border-left: #000 1px solid;
border-top: #000 1px solid;
border-right: #000 1px solid;
border-top-right-radius: 25px;
border-top-left-radius: 25px;
}
아마도 당신이 필요로하는 것이 정확히 작동하지 않을지라도, 어쨌든 재미있는 운동이었습니다. :) – brian
실제로 그것은 내가 필요한 것입니다! 고마워! :) –
위대한 솔루션, .inner를 .outer : after로 대체하여 더 단순하게 만들 수 있습니다 (이전 버전과의 호환성은 없습니다). –
당신은 당신이 무슨 생각을하는지의 사진을 게재 할 수 있습니까? 이 효과는 약간의 추가 HTML 또는 무언가로 재현하는 것이 가능할 수 있지만, 아마도 원하는 방식으로 경계 자체를 조작 할 수는 없습니다. –
안녕하세요. 예제를 그렸습니다. 감사합니다 –
아, 봐요. 당신은 배경 이미지 나 캔버스/svg 요소가없는 그 일을 할 수 없을 것입니다. –