第二十三课
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>图片廊</title>
</head>
<style>div .img {margin: 5px;border: 3px saddlebrown solid;float: left;width: 180px;}div.img:hover {border: 3px solid red;}div.img img {width: 100%;height: auto;}div.desc {padding: 15px;text-align: center;}
</style>
<body>
<div class="responsive"><div class="img"><a target="_blank" href="demo.png"><img src="demo.png" alt="图片文本描述" height="100px" width="180px"></a><div class="desc">这里添加图片文本描述</div></div>
</div>
</body>
</html>
更多推荐
第二十三课
发布评论