我用CSS設計的這個按鈕不會樣式

我用CSS設計了這個按鈕，並且這個樣式似乎沒有應用到按鈕上。鏈接到網站。 http://randomstufffrommybrain.neocities.org/TheRandomPage.html 我用CSS設計的這個按鈕不會樣式

的HTML：

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

的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; 
}

來源

2016-06-12 CalebJHartman

關閉''

' with a '

–

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

鑑於通過的jsfiddle @ user2181397表明，它實際上做的工作，你需要提供一個適當的問題。有關如何執行此操作的信息，請參閱[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 –

你需要把link標籤在HTML文件的head部分。

注意：此元素只在頭部分中出現，但可以出現任意次數。

Reference

來源

2016-06-12 03:19:55

所有<link>標籤應該往裏走<head>
請確保您有在同一文件夾作爲HTML的外部CSS，如您link標籤指示。如果它在另一個文件夾中，請提供相應的路徑。

爲了進一步調試，你可以使用一些JS：

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()">

來源

2016-06-12 03:24:50 Bajal

中使用雙引號它在頭部，並且它與HTML在同一個文件夾中。另外，如果我需要，怎麼做Js。（對不起，還不知道Js） – CalebJHartman

JS裏面有'

我用CSS設計的這個按鈕不會樣式

回答

相關問題