时间戳

首页 > 解决方案 > 引导程序 4.2.1 中锚链接标签周围的奇怪事物

html - 引导程序 4.2.1 中锚链接标签周围的奇怪事物

问题描述

添加时锚标签附近有一个奇怪的东西，我不知道如何删除它们。这些是引导程序 4.2.1 中卡片附近的某种波浪线。

最终项目 测试 index.html 文件，代码如下

代码是这样的：

            <!doctype html>
            <html>
            <head>
                <meta charset="utf-8">
                <title>Masny start!</title>
                <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
                <link rel="icon" href="zdjecia/logodark.png">
                <link rel="stylesheet" href="css/style.css">
                <meta name="description" content="Wynalazki są naszą pasją, a ich rozprzestrzenianie naszym celem.">
                <meta name="keywords" content="wynalazki, inventions, wynalazek, invention">
                <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
                <link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
                <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

            </head>

            <body>

                <div class="container-fluid">
                    <!-- first row -->
                    <div class="row justify-content-center">
                        <div class="col-3">
                            <a href="kat/muzyka.html" class="reset-links">
                                <div class="card mt-5 ml-5" style="width: 23rem; height: 23rem;">
                                    <div class="card-body">
                                        <p class="card-text text-dark">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi saepe iste accusamus suscipit quibusdam dolore doloribus esse minus reiciendis libero? Consequuntur voluptatibus corrupti quas excepturi ad possimus blanditiis, voluptas ratione.</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
                <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
                <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
                <script src="js/dropdown_hover.js"></script>
            </body>
            </html>

CSS：

            body {
                background-color: dimgray;
                color: white;
                font-family: 'Noto Sans', sans-serif;
            }
            .reset-links, .reset-links:hover, .reset-links:active, .reset-links:focus {
                text-decoration: none;
                color: black;
            }

它仅在进入不同页面并返回时才生成这些行。我试图删除这个效果，但我不知道是什么原因造成的......

如果有人告诉我应该在 css 中更改哪个值以摆脱它，我将非常感激。

标签： htmlcsstwitter-bootstrapanchor

解决方案

推荐阅读