我想使用基本的 CSS 在 HTML 页面中制作三角形。我正在使用需要时间加载的三角形图片，因此，我想减少页面的加载时间。
HTML 不可能，但 CSS 可以。例子：
<div class="triangle></div>
.triangle {
width: 0;
height: 0;
border: solid 30px;
border-color: transparent transparent black transparent;
}
现场演示：jsFiddle http://jsfiddle.net/GR4Kj/
-
30px in the border属性定义尺寸：宽度和高度。如果您想要更小或更大的三角形，您可以更改它。
- 如果要旋转三角形，请交换位置
black and transparent in the border-color财产。看jsFiddle http://jsfiddle.net/GR4Kj/2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
