#carousel{width:980px;height:125px;border-bottom:1px solid #ccc;position:relative;display:block;background:#5599e6;margin-bottom:8px}
#carousel h5{color:#555;margin:2px}
#carousel .container{position:absolute;left:24px;width:960px;height:125px;overflow:hidden}
#carousel .thumb{float:left;margin-right:5px;}
#carousel #previous_button{position:absolute;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFkZPct2k2UAWKWcdrvqWEZ3ER1mQFmOboN6ynU4bbpgZI7isLu7ytbvMvNZsSJbYAkDvWuH2iaWyaBEWZa-V_Pc5P1Ibb-me4V03Kqk1A-Y6lyulY8n3WFM9CEZQUkSZihs09vVSNt2rk/s1600/previous.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXdszUYo6BJobEXKuurxDY2ye8-kHvS-IRCj9FVfcHETwujeP5hGwTVcJ3XMVooHEi6coIRVWGXnFHFULRCJF1Ah-OPeGb3fB91t04ky2FLy9un9PamH3Zcyg2kkQXExBYHMBZ-GcXSwNQ/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold 11px Arial;border:0px solid #ccc;width:212px;height:90px;margin:0 2px 20px 6px;padding:6px}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0}
#carousel ul li a.slider_title:hover{color:#1b5d97}
#carousel a img{display:block;background:#fff;margin-top:0}
Không có nhận xét nào:
Đăng nhận xét