zoukankan      html  css  js  c++  java
  • html尖角提示框的实现

    <style type="text/css">
            .box {
                background-color: #bebf22;
                200px;
                position: relative;
                top: 100px;
                left: 100px;
            }
            .tip-content {
                padding: 0 10px;
                font: 14px/30px arial;
            }
            .angle {
                position: absolute;
                border: 10px solid transparent;
                _border-color: #fff;
                font-size: 0;
                border-bottom-color: #bebf22;
                left: 12%;
                top: -20px;
                _top: -22px;
            }
        </style>

     <div class="box">
            <span class="angle"></span>
            <span class="tip-content">some tip content is here!</span>
        </div>

  • 相关阅读:
    Swift Optional
    cocoapods 配置
    winform窗体全屏
    SQLiteDatabase的使用
    探索Gallery和ImageSwitcher布局
    常用布局参考
    增加动画的效果
    AlertDialog的写法
    自定义Toast
    适配器的经典写法
  • 原文地址:https://www.cnblogs.com/onlyme/p/3277749.html
Copyright © 2011-2022 走看看