美文网首页
平时使用,一直更新(css)

平时使用,一直更新(css)

作者: 新世纪好青年 | 来源:发表于2021-06-11 16:24 被阅读0次

    1.样式初始化

    html,body,div,span,ul,li,p,a,img {
        padding: 0;
        margin: 0;
        font-family: "微软雅黑";
    }
    a{
        text-decoration: none;
    }
    input{
        outline: none;
    }
    button{
        outline: none;
    }
    

    2.表格

    table{
        border-spacing: 0;
        border-collapse: collapse;
    }
    

    3.不换行显示...

    white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    

    4.滚动条样式

    tbody::-webkit-scrollbar {/*滚动条整体样式*/
        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
        height:  4px;
    }
    tbody::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 4px;
        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
    tbody::-webkit-scrollbar-track {/*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius:  4px;
    }
    

    相关文章

      网友评论

          本文标题:平时使用,一直更新(css)

          本文链接:https://www.haomeiwen.com/subject/yaixeltx.html