하단 곡선을 제쳐두고 하단 경계선을 만들 수있는 방법

Question

CSS를 사용하여 반올림 div를 만들고 싶습니다. 이미 bottom-border-radius을 사용했는데 다른 방법으로 공유하고 싶다면 그다지 사용하지 마십시오.

나는 이것을 bottom-border-radius을 사용하여 얻을 수 있다고 알고 있지만 다른 방법이 있습니까?

Answer 1

당신은 속기 border-radius 속성을 사용하고 개별적으로이

.sample1 { 
 
\t width: 100px; 
 
\t height: 100px; 
 
\t margin-bottom: 5px; 
 
\t border-radius: 0 0 50% 50%; 
 
\t background-color: #cccccc; 
 
} 
 
.sample2 { 
 
\t width: 100px; 
 
\t height: 100px; 
 
\t margin-bottom: 5px; 
 
\t border-bottom-left-radius: 50%; 
 
\t border-bottom-right-radius: 50%; 
 
\t background-color: #444444; 
 
}

<div class="sample1"> 
 
</div> 
 

 
<div class="sample2"> 
 
</div>