怎样使用纯css绘制空的三角形
展开全部
直接用样式一步到位还无法实现空心的三角形，你姑且使用一大一小的三角形的实现假空心效果好了，我大概写一个方法，如下
<style type="text/css">
body{ margin:0; padding:0;}
#triangle-bottomright {
position:absolute;
left:0px;
top:0px;
width: 0;
height: 0;
border-bottom: 100px solid red;
border-left: 100px solid transparent;
padding:2px;
}
#triangle-bottomright02 {
position:absolute;
left:6px;
top:6px;
width: 0;
height: 0;
border-bottom: 96px solid white;
border-left: 96px solid transparent;
}
</style>
</head>
<body>
<div id="triangle-bottomright"></div>
<div id="triangle-bottomright02"></div>
</body>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
