html – 在div上修剪一个小的空三角形

概述我正在尝试制作一个下拉菜单,没有任何图像,纯CSS和 HTML如下所示： 我无法做到的是在顶部制作这个小三角形饰边 它是否可能在CSS中,如果是,如何？ 实例： http://jsbin.com/owafod/1/ 我使用CSS triangle generator来创建三角形. #Nav { width: 300px; height: 200px; background: #333 我正在尝试制作一个下拉菜单,没有任何图像,纯CSS和 HTML如下所示：

我无法做到的是在顶部制作这个小三角形饰边

它是否可能在CSS中,如果是,如何？

解决方法 实例： http://jsbin.com/owafod/1/

我使用CSS triangle generator来创建三角形.

#Nav {   wIDth: 300px;  height: 200px;  background: #333;}#Triangle {    wIDth: 0px;    height: 0px;    border-style: solID;    border-wIDth: 10px 10px 0 10px;    border-color: #ffffff transparent transparent transparent;    margin: 0 auto;}

总结

以上是内存溢出为你收集整理的html – 在div上修剪一个小的空三角形全部内容，希望文章能够帮你解决html – 在div上修剪一个小的空三角形所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。