标签归档:css

在 webkit 中用 css 美化滚动条

/*滚动条*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: #fff ;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color:rgba(158, 158, 158, 0.7);
}
::-webkit-scrollbar-thumb:hover {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color:rgba(158, 158, 158, 1);
}

天猫装修全屏、轮播、导航css代码

天猫首页宽屏代码

<div style="height:540px;">
    <div class="sn-simple-logo" style="left:50%;top:auto;border:none;padding:0;">
        <div class="sn-simple-logo" style="left:-960px;top:auto;border:none;padding:0;">
            <img src="//gdp.alicdn.com/imgextra/i2/2110849581/TB2UX1AcVXXXXaRXXXXXXXXXXXX-2110849581.jpg" border="0" height="550" width="1920" />
        </div>
    </div>
</div>

继续阅读