Fatal编程技术网
  • html/
  • Html CSS伪类：悬停和：活动不工作

Html CSS伪类：悬停和：活动不工作

html css

Html CSS伪类：悬停和：活动不工作,html,css,pseudo-class,Html,Css,Pseudo Class,所以我想尝试制作一个游戏，但我马上遇到了CSS问题。从这个问题可以看出，我尝试使用的伪类不起作用。如果你想看我的代码，就在这里 CSS #button { width: 200px; height: 100px; border-radius: 20px; background-color: orange; cursor: pointer; margin: auto; margin-top: 250px; border: 1px s

所以我想尝试制作一个游戏，但我马上遇到了CSS问题。从这个问题可以看出，我尝试使用的伪类不起作用。如果你想看我的代码，就在这里

CSS

#button {
    width: 200px;
    height: 100px;
    border-radius: 20px;
    background-color: orange;
    cursor: pointer;
    margin: auto;
    margin-top: 250px;
    border: 1px solid black;
    text-align: center;
    font-size: 1.3em;
    color: blue;
};

#button:hover {
    border: 3px solid black;
};

#button:active {
    border: 2px solid black;
};
HTML

<body>
    <div id="button">
        <p>
            Click here to get some money!
        </p>
    </div>
</body>



点击这里取些钱！
基本上，我所要做的就是在用户单击div时展开和收缩边框，使其看起来更像是在按实际按钮。

删除不必要的分号



#按钮{
宽度：200px；
高度：100px；
边界半径：20px；
背景颜色：橙色；
光标：指针；
保证金：自动；
边缘顶部：250px；
边框：1px纯黑；
文本对齐：居中；
字体大小：1.3em；
颜色：蓝色；
}
#按钮：悬停{
边框：3倍纯黑；
}
#按钮：激活{
边框：2件纯黑；
}




点击这里取些钱！



css中存在语法错误。删除
括号后谢谢你的链接，我会确保从现在开始使用：）谢谢你帮助我。我现在有点尴尬是的，我尝试过，因为某些原因，这会耽误我，但我会确保在它允许我的时候做