css:
<style>
* {
padding: 0;
margin: 0;
list-style: none;
}
.cont {
width: 375px;
height: 165px;
margin: 50px auto;
/* overflow: hidden; */
display: flex;
}
.cont dl {
display: flex;
}
.cont dl dt {
width: 20px;
height: 165px;
color: #fff;
text-align: center;
font-size: 12px;
cursor: pointer;
}
.cont dl dd {
width: 0;
overflow: hidden;
}
</style>
html:
<div class="cont">
<dl>
<dt style="background: purple;">第一幅图的展示效果</dt>
<dd style="width: 295px;"><img src&#