我用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裏面有'

11. 爲什麼這個CSS不會響應這樣的圖像設計？

12. 哪裏可以獲得CSS樣式，可以爲IE5,6，firefox3設計樣式按鈕？

13. CSS圖像按鈕樣式

14. CSS按鈕樣式值

15. CSS樣式選項按鈕？

16. 我可以使用多個單選按鈕的形式這樣

17. 的CSS樣式單選按鈕不會因爲背景圖像

18. 使用CSS的按鈕樣式

19. 用於按鈕樣式的CSS鏈接

20. asp：按鈕不與CSS樣式

21. 使用CSS的HTML按鈕設計？

22. 使用jquery按下打印按鈕時，css樣式不適用

23. CSS Div樣式不適用於一個按鈕

24. 讓我的按鈕樣式像AlertDialog按鈕樣式

25. 按下後更改按鈕樣式 - CSS

26. 爲什麼我的單選按鈕列表不再工作？（使用CSS設計樣式後）

27. 多個按鈕的設計模式

28. JavaFX的條件CSS樣式的按鈕

29. 無法從控制器類執行按鈕樣式方法（FXML按鈕）。我如何設置FXML按鈕的樣式而不使用CSS？

30. 如何使用CSS設計一個像按鈕一樣的景觀

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

回答

相關問題