(htmlcss)点击按钮出现带箭头的表格怎样做,如图:

(htmlcss)点击按钮出现带箭头的表格怎样做,如图:,第1张

首页要有这人箭头背景图,然後放到DIV中,再在DIV中设置一个Table
样式为border-collapse:collapse
border='1';
j最后就是把背景图压到表格的上边框中
具体的座标,这个要用Javascript去自己实现

呵呵 他就是背景额
转播的背景,你移到评论的时候,背景就又添到到评论下,自然转播的背景就消失了。
它就是用a标签 加上a:hover 来发生变化的。
但是这个时候的a要转换会块级标签。得加上display:block;

<style>
        arbox{position: relative;}
        arr{
            width: 0;
            height: 0;
            overflow: hidden;
            border-width: 10px;
            border-style:dashed dashed dashed solid;
            border-color:transparent transparent transparent #b2c1db;
            position: absolute;
            left: 15px;
        }
        block {
          background-color: #b2c1db;
          height: 12px;
          left: 3px;
          overflow: hidden;
          position: absolute;
          top: 4px;
          width: 12px;
        }
    </style>
    
    <div class="arbox">
        <div class="arr"></div>
        <div class="block"></div>
    </div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13327686.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-15
下一篇 2023-07-15

发表评论

登录后才能评论

评论列表(0条)

保存