css画出三角形
2014-08-18 11:29
183 查看
<html>
<head>
<title>css.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
.down-triangle {
width: 0;
height: 0;
border-width: 20px 20px 0 20px;
border-style: solid;
border-color: #dc291e transparent;
}
</style>
</head>
<body>
<h3>Down Triangle</h3>
<div class="down-triangle">
</div>
</body>
</html>
<head>
<title>css.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
.down-triangle {
width: 0;
height: 0;
border-width: 20px 20px 0 20px;
border-style: solid;
border-color: #dc291e transparent;
}
</style>
</head>
<body>
<h3>Down Triangle</h3>
<div class="down-triangle">
</div>
</body>
</html>
相关文章推荐
- CSS画三角形原理
- 纯CSS写带边框的三角形
- 使用CSS绘制三角形
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- css 各种方位三角形
- html+css实现三角形的三种方法
- 用css做的各种三角形
- 运用html与css画三角形
- 如何用css画三角形
- CSS创建三角形代码
- 用纯css画个三角形,并且用CSS3来进行翻转
- CSS之纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- CSS小技巧 用CSS写出一个三角形小图标
- CSS绘制三角形
- css三角形实现的几种方法的区别
- 各种demo:css实现三角形,css大小梯形,svg使用
- 纯CSS实现小圆点和三角形图案
- css 制作三角形/平行四边形
- 三种纯CSS实现三角形的方法
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)