引导程序4.2.1中的锚链接标记周围的怪异事物

时间:2019-02-19 18:57:19

标签: html css twitter-bootstrap anchor

添加锚标记后,我有一个奇怪的事情,我不知道如何删除它们。这些是引导程序4.2.1中卡附近的某种波浪线。

The final project The test index.html file, the code of it is below

代码完全一样:

            <!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中的哪个值以摆脱该值,我将非常感激。

0 个答案:

没有答案