CSS——三角形
2017-11-06 14:15
183 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #d1 { width: 0; /* 一定要定义宽高 */ height: 0; border: 8px solid transparent; /* 透明 */ border-top: 8px solid red; } #d2 { width: 0; height: 0; border: 8px solid transparent; border-right: 8px solid red; } #d3 { width: 0; height: 0; border: 8px solid transparent; border-bottom: 8px solid red; } #d4 { width: 0; height: 0; border: 8px solid transparent; border-left: 8px solid red; } #d5 { width: 0; height: 0; border-top: 8px solid red; border-right: 8px solid blue; border-bottom: 8px solid green; border-left: 8px solid black; } </style> </head> <body> <div id="d1"></div><hr/> <div id="d2"></div><hr/> <div id="d3"></div><hr/> <div id="d4"></div><hr/> <div id="d5"></div> </body> </html>
相关文章推荐
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等
- 用CSS绘制箭头等三角形图案 [译]
- 理解纯CSS画三角形
- 用css打造一个三角形箭头
- css实现三角形
- 纯CSS绘制三角形(各种角度)
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)很不错哟~~
- CSS绘制三角形
- 利用css绘制三角形的方法及拓展
- 【转】纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- css画三角形
- 【转】纯CSS写三角形-border法[晋级篇01]
- 使用CSS绘制三角形
- 用css制作三角形
- CSS-三角形及其原理..........
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- 前端HTML、CSS、JS绘制三角形的方法
- css如何创造出三角形
- 用CSS画三角形
- css生成三角形