ready
论坛版主
论坛版主
  • UID24
  • 粉丝0
  • 关注0
  • 发帖数433
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:5811回复:0

用border写三角形

楼主#
更多 发布于:2018-08-16 15:09
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
    body{margin:0 auto;text-align:center}
    .suqare{ margin:2em auto; width:5em; height:2.5em; background-color:#71BF15; position:relative}
    .sanjiao{ border: 2em solid transparent; border-bottom-color:#71BF15; 
              position:absolute;top:2em; left:50%; margin-left:-2em}
</style>
</head>
 
<body>
   <div class="suqare">
       <span class="sanjiao"></span>
   </div>
</body>
</html>



.sanjiao{ border: 2em solid transparent; border-bottom-color:#71BF15;              position:absolute;top:2em; left:50%; margin-left:-2em}
游客


返回顶部