在html中为什么给button写了css之后会不显示

在html中给button写了css之后会不显示原因如下。

1、未关联外部样式表，确认关联了样式表没有，或者关联的样式位置、名字是否正确。

2、怀疑CSS表的编码错误，可以直接将css文件以utf-8的编码另存一下文件。

3、选择器写错写后代子代选择等，涉及多个标签，类名、id等，子选择器的顺序、名字等写错了，均可能导致出错。

你左图的效果代码是正常的，而你右图的代码中

显示的文本 <button，这里明显多了一个空格，导致无法识别这个 button 标签，删除空格即可。

另外，button标签并不需要添加 type 属性

<a href="#"><button>test</button></a>

<a href="#">< button>test</button></a>

---