以下是重构后的代码:
```css
.carousel_layer {
min-width: 960px;
position: relative;
width: 100%;
overflow: hidden;
}
.carousel {
height: 546px;
visibility: hidden;
}
.carousel_label {
display: none;
width: 100%;
height: 46px;
background-color: #4279e8;
bottom: 45px;
position: relative;
border-top: 1px solid #7c7d81;
line-height: 46px;
text-align: center;
}
.carousel_label span {
color: #fff;
font-size: 18px;
}
.carousel_label_number {
width: 100px;
height: 0px;
float: left;
padding-left: 30px;
}
.carousel_label span.currentpage {
font-size: 50px;
font-family: Georgia;
color: red;
position: relative;
top: -42px;
left: 15px;
}
.carousel_label span.slash {
font-family: serif;
font-size: 75px;
position: relative;
top: -6px;
}
.carousel_label span.totalpage {
font-size: 22px;
font-family: Georgia;
position: relative;
top: -7px;
left: -14px;
}
.carousel1 a span.newscontent {
display: inline-block;
width: 100%;
height: 45px;
}
#carousel_layer2, /* Width of the layer */
.carousel1, /* Width of the image */
.carousel1 a img /* Height of the image */ /* Add these selectors to target the elements */
{
} /* End selectors */ /* End styling */ /* End block */ ```
carousel1 {
overflow: hidden;
position: relative;
margin: 0 auto;
height: 546px;
width: 830px;
float: left;
padding-left: 25px;
}
.shadow {
background-color: #000;
height: 546px;
opacity: .5;
position: absolute;
width: 50%;
z-index: 5;
top: 0;
}
.shadow_left {
margin-left: -419px;
left: 0;
}
.shadow_right {
margin-right: -461px;
right: 0;
}
.btn_left {
float: left;
left: 50%;
margin-left: -394px;
}
/* Set the background image here */ /* Add your own image URL */
.btn_left img, src = "your_image_url" /* Replace "your_image_url" with actual image URL */ {
display: block;
}
.btn_right {
float: right;
right: 50%;
margin-right: -436px;
}
/* Set the background image here */ /* Add your own image URL */
.btn_right img, src = "your_image_url" /* Replace "your_image_url" with actual image URL */ {
display: block;
}
.btn_img {
position: absolute;
}