css正方形里边画三角形 |css3 边框虚线 间距

/* 正方形的样式 */
.square {
width: 100px;
height: 100px;
background-color: lightblue;
position: relative; /* 开启绝对定位 */
}
/* 三角形的样式 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 50px solid orange;
border-bottom: 50px solid transparent;
position: absolute; /* 开启绝对定位 */
top: 25px;
left: 25px;
}

首先，大家需要定义一个正方形的样式，这里大家设置宽度和高度都是100px，背景颜色是浅蓝色，然后开启绝对定位(position: relative;)。

接下来，在正方形中大家需要用到绝对定位，因此需要在三角形的样式中开启绝对定位(position: absolute;)。然后设置三角形的宽度和高度都是0，接下来使用border属性来完成三角形的绘制，这里大家先设置上边框的颜色是透明的，右边框的颜色是橙色的，下边框的颜色也是透明的，这样就能画出一个等边三角形了。接下来设置三角形居中的位置，top和left都设置为25px，表示三角形在正方形中间。

以上代码就是在CSS中画正方形里边的三角形的方法，希望能够对你有所帮助。