当前位置:Gxlcms > html代码 > 图片轮翻效果_html/css_WEB-ITnose

图片轮翻效果_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:8人阅读

图片轮翻

    @charset "utf-8";*{margin:0;padding:0;list-style-type:none;}.container{width:610px;height:205px;margin:20px auto 0 auto;}.container a img{width:610px;height:205px}.container img{border-bottom-style:none;border-right-style:none;border-top-style:none;border-left-style:none}.td_f a img{padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px}.num{position:absolute;width:90px;float:right;top:180px;left:520px}.num li{    text-align: center;    line-height: 15px;    margin: 1px;    width: 15px;    font-family: arial;    float: left;    height: 15px;    color: #86a2b8;    font-size: 12px;    cursor: pointer;    background-image: url(../images/flashbutton.gif);    background-repeat: no-repeat;    background-position: -15px 0px;}.num li.on{    line-height: 15px;    width: 15px;    height: 15px;    color: #ffffff;    background-image: url(../images/flashbutton.gif);    background-repeat: no-repeat;}#body{ width:968px; height:500px; background-color:#F9F}#bottom{ width:968px; height:150px}

        

     

    人气教程排行