css的三角形
转载
[html]<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<style>
/*正三角*/
.triangle1{ width:0; height:0; border-width:12px; border-style:solid dashed dashed; border-color:#e66161 transparent transparent;}
/*尖三角*/
.triangle2{ width:0; height:0; border-width:12px 6px; border-style:solid dashed dashed; border-color:#e66161 transparent transparent;}
</style>
<div></div>
<div></div>
然后,将它四个边框中的三个边框设为透明,剩下一个设为可见,就可以生成三角形效果:<br>
两种三角搭配,可组成多种箭头
</body>
</html>
[/html]
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:css页面缩放
下一篇:看别人的代码学习的css
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【Canvas与艺术】绘制斜置黄色三角biohazard标志
使用Html5/Canvas绘制斜置黄色三角biohazard标志。
canvas biohazard -
【Canvas与艺术】绘制黄色三角辐射警示标志
使用Html5/Canvas绘制黄色三角电离辐射警示标志
canvas 辐射 radiation -
51nod 1488 帕斯卡小三角
斜率优化+单调栈+二分
数组 测试数据 前缀和