html代码
<body> <a class="play-img" > <img src="https://www.vxzsk.com/upload/201808/02144355-91eb-4ed8-af5a-53b7d8f2cd9320180801.jpg" > <em>小程序蓝牙教程</em> </a> </body>
css代码
.play-img {
WIDTH: 86px; HEIGHT: 122px; DISPLAY: block; POSITION: relative;
PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;
}.play-img IMG {
WIDTH: 86px; HEIGHT: 122px;
}.play-img EM {
Z-INDEX: 2; POSITION: absolute;
WIDTH: 76px; HEIGHT: 20px; LEFT: 2px; BOTTOM: 2px;
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px;
FONT-SIZE: 12px; FONT-STYLE: normal; COLOR: #fff; TEXT-ALIGN: right; LINE-HEIGHT: 20px;
}