红色三角是怎么打出来的

img


初学者 网页制作 用的是webstom软件
红色的小三角可以调大小吗

典型的css三角

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width:0;
            height: 0;
            line-height: 0;
            font-size: 0;
            border:10px solid transparent ;
            border-top:10px solid blue ;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

本质上就是将一个盒子边框给大一点的像素，然后将另位三边颜色变透明，就好了。
看我总结的这篇博客：
http://t.csdn.cn/eNZ4m
有帮助的话采纳一下哦！

1. 手动输入特殊符号具体window + .就可以出来
2.字体图标引入具体百度很多三方免费的字体图标库
3.css实现
4.其他
大小都可以调

红色三角可以直接用html字符实体：&#9660 当然，也可以使用iconfont
调整大小的话用css即可