• css 设置上下左右三角形箭头


    <html>
        <head> 
            <style>
                .up {
                    height:0;
                    width:0;
                    border-top:20px solid black;
                    border-left:20px solid transparent;
                    transform:rotate(-45deg); 
                }
                .down {
                    height:0;
                    width:0;
                    border-bottom:20px solid black;
                    border-right:20px solid transparent;
                    transform:rotate(-45deg); 
                }
                .left {
                    height:0;
                    width:0;
                    border-bottom:20px solid black;
                    border-right:20px solid transparent;
                    transform:rotate(45deg); 
                }
                .right {
                    height:0;
                    width:0;
                    border-top:20px solid black;
                    border-left:20px solid transparent;
                    transform:rotate(45deg); 
                }
            </style> 
        </head> 
        <body> 
            <div class="up"></div>
        </body>
    </html>

    备注:transform在IE8及其以下均不好使

  • 相关阅读:
    Activity
    日志
    StringBuffer
    内部类
    接口
    多态
    final关键字
    abstract关键字
    对象初始化
    继承
  • 原文地址:https://www.cnblogs.com/pumushan/p/4702530.html
Copyright © 2020-2023  润新知