我最近学会了如何使用CSS和HTML创建三角形div的外观.现在,我想知道是否可以在三角形div的任何一侧添加边框,这样如果我给div一个白色背景和一个黑色边框你仍然可以看到它?有没有办法可以做到这一点?
JSFIDDLE:http://jsfiddle.net/c75KM/1/
HTML:
<div class="arrow-up"></div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
}
Run Code Online (Sandbox Code Playgroud)