css写出三角形
2018-01-18 15:35
232 查看
一、html代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin: 0;padding: 0;}
div{
border-top:5px solid #CCCCCC;
border-bottom:5px solid transparent;
border-left:5px solid transparent;
border-right:5px solid transparent;
position: absolute;
margin: 50px 50px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin: 0;padding: 0;}
div{
border-top:5px solid #CCCCCC;
border-bottom:5px solid transparent;
border-left:5px solid transparent;
border-right:5px solid transparent;
position: absolute;
margin: 50px 50px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
相关文章推荐
- 使用CSS写出三角形、圆形、平行四边形、梯形
- CSS小技巧 用CSS写出一个三角形小图标
- 用css写出不同三角形
- 用css写出一个小三角形图标
- 用纯css写出三角形
- 如何用html5加css写出一个实心三角形和空心三角行
- css写出各种小三角形
- css画三角形
- CSS 三角形
- 简单用CSS实现画三角形角标
- CSS 制作三角形原理剖析
- CSS制造三角形
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- css写出0.5px边框(一)
- css绘制三角形
- 使用CSS实现小三角形效果【附实例】
- CSS 三角形
- 只需20行代码就可以写出CSS覆盖率测试脚本
- 【转】纯CSS写三角形-border法[晋级篇01]
- 用CSS实现三角形