css画一个三角形

mac2026-08-27  10

1.这个是一个面试题

    利用css的边框来做到 ,在ui不给我们前端三角图片的时候我们只能自己画出了

   <div></div>

2.css样式

div{

  height:0;

  width:0;  不能不设置宽高,宽度默认是父元素的100%;那这样的话就会横向占满全屏

   border:100px solid;   //设置边框100px的宽度 和实线显示  先不设置颜色

   border-color:blue  red yellow green;//这样就是 边框线的四个方向的颜色

}

然后把其他的 边框线颜色改成  border-color:blue transparent transprent transprent;

最后三角形就可以了 了

最新回复(0)