版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_36282409/article/details/84452253
}
.container{
width:400px;
height:600px;
border:1px solid #000000;
text-align:center;
color:#FFFFFF;
background:#666666;
position:relative;
}
img{
width:400px;
height:500px;
}
ul{
position:absolute;
right:-60px;
top:0;
list-style-type:none;
z-index:10;
}
ul li{
height:50px;
width:50px;
border:1px solid #000000;
background-color:#FF6633;
margin-bottom:5px;
}
.li1{
background-color:#FFFF00;
}
<span>图片数量</span>
<img src="../../作业/学员用题库(CSS3)/unit3_s/images/2.jpg"/>
<p>说明文字</p>
<ul cclass="active">
<li class="li1">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>