origin中的填充三角形变空心
时间: 2024-05-11 17:13:49 浏览: 199
要将一个填充的三角形变成空心的,可以使用CSS的border属性来实现。
首先,将原来的三角形的border-width属性设置为0,这样就可以去掉填充了。
接着,设置border-style为solid,这样就可以让边框变成实线。
最后,设置border-color为你想要的颜色,这样就可以让三角形的边框呈现出空心的效果。
以下是示例代码:
```
.triangle {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid black; /* 原来的填充,去掉 */
border-width: 0; /* 去掉填充后,设置边框宽度为0 */
border-style: solid; /* 设置边框为实线 */
border-color: black; /* 设置边框颜色 */
}
```
注意,这里的示例代码是基于一个原本是用border来实现的三角形,如果你的三角形是用其他方式实现的,可能需要做一些调整。
阅读全文