html去掉图片超链接的边框：border:none

最新推荐文章于 2021-06-07 12:38:49 发布

kungfu_panda

最新推荐文章于 2021-06-07 12:38:49 发布

阅读量1.2w

点赞数

分类专栏：前端开发

本文链接：https://blog.youkuaiyun.com/kungfu_panda/article/details/38679461

版权

前端开发专栏收录该内容

118 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title></title>
    <meta charset="utf-8">

<style>

   div a div

</style>
</head>
<body>
<div>
            <a href="./document/***.docx" >
                <div style="border:none;">
                    <img src="./document/1.jpg">
                </div>
                <h5>***</h5>
                <p>点击下载</p>
            </a>

</div>
</body>
</html>

用IE打开，会发现图片周边有边框，十分碍眼。

如何将边框去掉？

只需控制img的样式：border:none; 即可将边框去掉