我的按钮没有格式化，即使我已经在css中设置了背景颜色、大小等

Question

我正在制作一个网站，我正在努力使按钮居中、无边框，然而，css代码似乎不会影响网站

我试过更改类名，更改代码等等。在浏览器(谷歌chrome(上，它显示代码在样式上被"识别"，但没有被读取

.qwerty {
background:#f4511e;
border: none;
color: white;
padding: 16px 32px;
text-align: center;
font-size: 16px;
margin: 4px 2px;
opacity: 0.6;
transition: 0.3s;
display: inline-block;
text-decoration: none;
cursor: pointer;
}
.button:hover {opacity: 1}

<div class="column" class="Border">
	<form action="aboutme.html">
	<button class="qwerty">ABOUT ME</button>
	</form>
</div>

该按钮应该没有边框，橙色，并增加悬停的不透明度

Answer 1

您将按钮视为一个类(在CSS部分中，"按钮"前面有一个点(。你可以写这两个中的任何一个：

// First solution
.qwerty:hover {opacity: 1}
//Second solution
button:hover {opacity: 1}

Answer 2

.column {
width: 100%;
text-align: center;
}

使用这个。父div必须具有特定的宽度，才能使子div位于中心。