css写三角形

作者: xilong | 来源:发表于2019-04-12 15:35 被阅读0次

css绘制三角形和对号
css-三角形
css 实现三角形箭头
css 写一个三角形
纯CSS写三角形
vue项目中使用三角形怎么办
记一次面试
css 如何写排序三角形箭头
css 的规律摸索之路（二）css之居中问题（垂直居中与水平居中
前端面试题汇总

主要方式是采用width 为0，设置border宽度解决

代码

.div1{
    position: relative;
    margin: 60px;
    width: 100px;height: 100px;background-color: #1e6abc;
}
.div1:after{
    display:block;
    content:'';
    border-width:4px 5px 4px 5px;
    border-style:solid;
    border-color: transparent #1e6abc transparent transparent;

    /* 定位 */
    position:absolute;
    left:-10px;
    top:10px;
}

css绘制三角形和对号
CSS绘制三角形 div css 效果 CSS绘制对号 div css 效果
css-三角形
三角形css样式三角形html结构
css 实现三角形箭头
插入DOM 使用伪类参考：用纯CSS实现的箭头CSS画三角形原理css整理 -- 右箭头，上下箭头，三角形这个...
css 写一个三角形
css 写一个三角形就是这么简单结果：不懂的可以好好想想原理。
纯CSS写三角形
各个方向的三角形 html： css: 气泡上的三角形 html: css: 参考代码：https://pan.b...
vue项目中使用三角形怎么办
解决办法美工同事切三角形图片icon 自己使用ps或者其他工具画出三角形并导出使用纯css写一个三角形（类似A...
记一次面试
1.css垂直水平居中方法有哪些2.css三栏布局3.css写一个三角形4.css画一条0.5px的线5.cons...
css 如何写排序三角形箭头
如何使用css编写三角形：/* css3三角形（向上 ▲） /div.arrow-up {width:0px;he...
css 的规律摸索之路（二）css之居中问题（垂直居中与水平居中
通过上篇css 的规律摸索之路（一）css之三角形的规律及变化，我们已经知道css三角形是怎么回事，现在我们来看看...
前端面试题汇总
css 布局两列三列居中对齐 bfc 定位 css3 新增三角形梯形空心三角形 block visibi...