css当图片加载失败时显示文字

最新推荐文章于 2023-04-04 11:28:36 发布

LLL_LH

最新推荐文章于 2023-04-04 11:28:36 发布

阅读量3.5k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/LLL_liuhui/article/details/88042512

版权

css 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>当图片不能加载时显示文字</title>
        <style>
            /* 第一种方法 */
            a{
                display: inline-block;
                width: 270px;
                height: 129px;
                border: 1px solid #f60;
                color: #f60;
                background-image: url(https://www.baidu.com/img/bd_logo1.png);
                background-size: 270px 129px;
                text-indent: 270px;
                white-space: nowrap;
                overflow: hidden;
            }
            /* 第二种方法 */
            a{
                display: inline-block;
                width: 270px;
                height: 0;
                padding-top: 129px;
                border: 1px solid #f60;
                color: #f60;
                background-image: url(https://www.baidu.com/img/bd_logo1.png);
                background-size: 270px 129px;
                overflow: hidden;
            }
        </style>
    </head>
    <body>
        <a href="https://www.baidu.com">百度</a>
    </body>
</html>

LLL_LH

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
css当图片加载失败时显示文字

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;当图片不能加载时显示文字&lt;/title&gt; &lt;style&gt; /* 第一种方法 */
复制链接

扫一扫