1. 设置容器元素的`border-radius`属性,将两个子元素的`border-radius`相等。
“`css
#my-container {
border-radius: 50% 50% 0 0; /* 创建一个等腰三角形,半径长宽相等 */
2. 设置两个子元素的`border-radius`相等,但是分别设置两个子元素的`top`和`right`属性的值,使它们形成两个等边三角形。
“`css
#my-container > div {
border-radius: 50% 50% 0 0;
top: 20px;
right: 20px;
3. 使用CSS的`transform`属性来旋转等腰三角形。
“`css
#my-container > div {
border-radius: 50% 50% 0 0;
top: 20px;
right: 20px;
#my-container > div:nth-child(2) {
transform: rotateY(45deg);
上述三种方法都可以成功创建等腰三角形。使用`border-radius`属性可以很容易地实现,但是使用`transform`属性可以更灵活地控制等腰三角形的形状和旋转角度。