设置一个没有高度 没有宽度 只有边框的元素,仅仅设置上边框颜色,其它边框都是透明,则可以实现一个向下的三角形
<!DOCTYPE html>
<html><head>
<title></title>
<meta charset="gbk">
<style type="text/css">
#content {
width: 0px;
height: 0px;
border: 100px;
border-style: solid;
border-color:red transparent transparent;;
display: inline;
}
</style>
</head>
<body>
<div id="content"></div>
</body>
</html>