2016-06-12 11 views
1

Ich habe diesen Button mit CSS gestylt und der Stil scheint nicht auf die Schaltfläche angewendet zu werden. Links zu Websites. http://randomstufffrommybrain.neocities.org/TheRandomPage.htmlDieser Button, den ich mit CSS gestylt habe, style nicht

Die HTML:

<head> 
<link rel="stylesheet" href=CSSFORTherandompage.css> 
</head> 
<div id="Button5"> 
    <button><a href=Newsitetestcode/Newwebsitemainpage.html>New website</a> 
    </button> 
</div> 

Die CSS:

 #Button5 { 
    background-color: #4CAF50; /* Green */ 
    border: none; 
    color: white; 
    padding: 16px 32px; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-size: 16px; 
    margin: 4px 2px; 
    cursor: pointer; 
} 
+0

Schließen Sie die ''

' with a '

+0

https://jsfiddle.net/evxw9q73/ – brk

+0

Da der jsFiddle von @ user2181397 zeigt, dass es tatsächlich funktioniert , müssen Sie eine richtige Frage stellen. Informationen zur Vorgehensweise finden Sie unter [Erstellen eines minimalen, vollständigen und überprüfbaren Beispiels] (http://stackoverflow.com/help/mcve). –

Antwort

0

Sie müssen die link-Tag im head Abschnitt Ihrer HTML-Datei setzen.

Hinweis: Dieses Element wird nur im Kopfbereich angezeigt, kann aber beliebig oft erscheinen.

Reference

0
  • Alle <link> Tags innerhalb der <head>
  • wie angegeben Stellen Sie sicher gehen, sollten Sie Ihre externe CSS im selben Ordner wie die HTML haben, in Ihrem link-Tag. Wenn es sich in einem anderen Ordner befindet, geben Sie den entsprechenden Pfad ein.

Für weitere Debuggen, können Sie einige JS beschäftigen:

function sheetLoaded() { 
    // Do something interesting; the sheet has been loaded 
} 

function sheetError() { 
    alert("An error occurred loading the stylesheet!"); 
} 

<link rel="stylesheet" href="mystylesheet.css" onload="sheetLoaded()" onerror="sheetError()"> 
+0

Es in den Kopf und es ist im selben Ordner wie die HTML verwenden soll. Außerdem, wenn ich muss, wie setze ich die Js ein. (Sorry, ich kenne Js noch nicht) – CalebJHartman

+0

JS geht in ein '