css三角有边

CSS三角形是网页设计中非常常见的一个小细节。与普通的矩形或圆形相比，它更具有动感和时尚感。在使用CSS三角形时，为了让它更加美观，我们可以给它加上边框。

有边框的CSS三角形代码如下：

 .triangle {
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    } 

上述代码中，我们设置了一个高度和宽度为0的元素，然后设置了边框规格为10像素，边框样式为实线，边框颜色为黑色和透明。其中，四个边框颜色的顺序是上、右、下、左。

设置CSS三角形的边框时，需要注意以下两点：

1. 上边框的颜色必须与元素的背景色相同。这是因为三角形的上面是由元素的背景色填充的，如果背景色和上边框颜色不一致，就会出现一个明显的分界线。

2. 如果想让三角形向上或向下倾斜，可以通过修改边框颜色的顺序来实现。例如，如果想让三角形向上倾斜，需要将上边框的颜色放在最后。

总结：CSS三角形是网页设计中常用的小细节，为了让它更加美观，我们可以设置边框。设置CSS三角形的边框需要注意上边框颜色与元素背景色相同，并可以通过调整边框颜色的顺序来实现倾斜效果。