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>

  • 相关阅读:
    D3.js:交互式操作
    D3.js:Update、Enter、Exit
    D3.js:动态效果
    D3.js:完整的柱形图
    D3.js:坐标轴
    D3.js
    ES 6 : 数组的扩展
    ES 6 : Math对象的扩展
    拉勾网企业图片列表效果
    拉勾网图片切换效果
  • 原文地址:https://www.cnblogs.com/onlyme/p/3277749.html
Copyright © 2011-2022 走看看