尖角效果 

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>尖角</title>
   <style type="text/css">
      .box{
         width: 0;
         display: block;
         border-bottom: 10px solid transparent;
         border-left: 10px solid blue;
         border-top: 10px solid transparent;
         border-right: 0px solid green;

      }
   </style>
</head>
<body>
<div class="box"></div>
</body>
</html>
posted @ 2016-11-03 14:43  DengPan  阅读(155)  评论(0)  编辑  收藏  举报