我用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设计的这个按钮不会样式

回答

相关问题