www.gusucode.com > 前后翻页的网页图片轮显代码源码程序 > 前后翻页的网页图片轮显代码/图片焦点图旋转流畅带有立体效果/图片焦点图旋转流畅带有立体效果/css/css.css
@charset "utf-8"; /* Download by http://www.srcfans.com */ body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em { margin:0; padding:0; border:0; } ul, ol, li { list-style:none; } input, button { margin:0; font-size:12px; vertical-align:middle; } body { font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0 auto; } a { text-decoration:none; } .box-main { text-align:left; padding:40px 0 0 100px; margin:20px auto; background:url(../images/bg01.gif) no-repeat; width:662px; height:285px; } .phRotatorContainer01 { PADDING-RIGHT: 47px; PADDING-LEFT: 47px; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; _padding-bottom: 6px } .phPhoto { POSITION: absolute; TEXT-ALIGN: center } .phPhoto IMG { WIDTH: 100%; HEIGHT: 100% } .phRotator { POSITION: relative } .phRotatingElement SPAN { DISPLAY: none } .phRotatorButtons { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; TEXT-ALIGN: center } .phRotatorButtons A IMG { z BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } .p_leftButton { DISPLAY: inline-block; FONT-SIZE: 0px; BACKGROUND: url(../images/rotator-prev.png) no-repeat; OVERFLOW: hidden; WIDTH: 31px; TEXT-INDENT: 0px; LINE-HEIGHT: 0; MARGIN-RIGHT: 5px; _background:none; HEIGHT: 31px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/rotator-prev.png", sizingMethod="crop") } .p_rightButton { DISPLAY: inline-block; FONT-SIZE: 0px; BACKGROUND: url(../images/rotator-next.png) no-repeat; OVERFLOW: hidden; WIDTH: 31px; TEXT-INDENT: 0px; LINE-HEIGHT: 0; _background:none; HEIGHT: 31px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/rotator-next.png", sizingMethod="crop") } .phRotatorButtons:unknown { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } .phRotator .p_indexButton { DISPLAY: inline-block; FONT-SIZE: 12px; BACKGROUND: url(../images/rotator-button-01.png) no-repeat; VERTICAL-ALIGN: top; OVERFLOW: hidden; WIDTH: 21px; COLOR: #5a5952; LINE-HEIGHT: 12px; _background:none; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; POSITION: relative; TOP: 5px; HEIGHT: 21px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rotator-button-01.png", sizingMethod="crop") } .phRotator .p_indexButton:hover { BACKGROUND: url(../images/rotator-button-02.png) no-repeat; _background:none; COLOR: #fff; TEXT-DECORATION: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rotator-button-02.png", sizingMethod="crop") } .phRotator .p_indexButtonSelected { BACKGROUND: url(../images/rotator-button-02.png) no-repeat; COLOR: #fff; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rotator-button-02.png", sizingMethod="crop") }