zoukankan      html  css  js  c++  java
  • css3画三角形

    以下是用css3画3角形,效果如下图

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>
        span{ display:inline-block; margin-right:10px}    
        .triangle_top{height:0;width:0; border:10px solid;  border-color:transparent  transparent red transparent;}
        .triangle_left{height:0;width:0; border:10px solid;  border-color:transparent  red transparent transparent;}
        .triangle_right{height:0;width:0; border:10px solid; border-color:transparent transparent transparent  red;}
        .triangle_bottom{height:0;width:0; border:10px solid;  border-color:red transparent transparent transparent;}
    </style>
    </head>
    
    <body>
    <span class="triangle_top"></span>
    <span class="triangle_left"></span>
    <span class="triangle_right"></span>
    <span class="triangle_bottom"></span>
    </body>
    </html>
  • 相关阅读:
    mysql学习总结(四)
    mysql学习总结(三)
    mysql学习总结(二)
    mysql学习总结
    学习总结(三十)
    断点续传
    错误总结
    学习总结(三十六)
    学习总结(三十五)
    Linux命令
  • 原文地址:https://www.cnblogs.com/zhouyuxiang/p/4809683.html
Copyright © 2011-2022 走看看