Question

我正在学习html + css，并遇到了麻烦。这是我的HTML代码：

<!DOCTYPE html>
<html lang="en">
        <meta charset="UTF-8">
        <title>No</title>
        <link rel="stylesheet" href="homework.css">
    </head>
        <body>
        <h1>Поисковые системы</h1>
                <ul>
                    <li><h1>Google.com</h1></li>
                        <ul class="gog">
                    <li><a href="https://www.google.com.ua/">Поиск</li>
                    <li><a href="https://images.google.com/">Картинки</li>
                    <li><a href="https://www.google.by/maps/@">Карты</li>
                    <li><a href="https://www.google.com/intl/ru_ALL/drive/">Google Диск</li>
                    <li><a href="https://translate.google.com.ua/">Переводчик</li>
                        </ul>
                </ul>
        </body>
</html>

这是css代码

.gog{
    list-style-image: url("images/1.gif");
}

那为什么我看不到我在班级gog写的五张照片？我的错误在哪里？

Answer 1

你的道路问题

.gog{
    list-style-image: url("https://cdn3.iconfinder.com/data/icons/fugue/icon/tick-circle-frame.png");
}

<!DOCTYPE html>
<html lang="en">
        <meta charset="UTF-8">
        <title>No</title>
        <link rel="stylesheet" href="homework.css">
    </head>
        <body>
        <h1>Поисковые системы</h1>
                <ul>
                    <li><h1>Google.com</h1></li>
                        <ul class="gog">
                    <li><a href="https://www.google.com.ua/">Поиск</li>
                    <li><a href="https://images.google.com/">Картинки</li>
                    <li><a href="https://www.google.by/maps/@">Карты</li>
                    <li><a href="https://www.google.com/intl/ru_ALL/drive/">Google Диск</li>
                    <li><a href="https://translate.google.com.ua/">Переводчик</li>
                        </ul>
                </ul>
        </body>
</html>

使用css时无法看到图像

1 个答案: