iconfont

1.字体图标

<!--本地引入--><linkrel="stylesheet"href="./iconfont/iconfont.css"><!--在线使用iconfont字体图标--><linkrel="stylesheet"href="//at.alicdn.com/t/font_2502001_xzq5sve8osd.css"><!--i 标签 专门用于定义字体图标--><iclass="iconfont icon-gouwuche"></i>

2.自定义字体类型

@font-face{/* 设置字体类型名称 */font-family:gjm;/* 设置字体类型文件的路径 */src:url(./font/郭敬明字体.ttf);}div{font-size:50px;font-family:gjm;}

3.CSS绘制三角形

/* 保留上边框，下边框的宽度设为0 */.a{border-color:transparent;border-top-color:red;border-width:50px50px050px;}/* 保留右边框，左边框的宽度设为0 */.b{border-color:transparent;border-right-color:blue;border-width:50px50px50px0;}/* 保留下边框，上边框的宽度设为0 */.c{border-color:transparent;border-bottom-color:green;border-width:050px50px50px;}/* 保留左边框，右边框的宽度设为0 */.d{border-color:transparent;border-left-color:orange;border-width:50px050px50px;}