border:none,和border:0

border:none和border:都表示不设置边框。

其中，border:none是CSS3中新增的属性，用于清除元素的所有边框，包括内边框、外边框和边框阴影等。

而border:则是CSS2中的属性，用于将元素的边框宽度设置为，但仍然会保留边框的占位空间。

相关问题

border:none跟border:0的区别

`border:none` 和 `border:0` 都可以用来设置元素的边框样式，它们的区别在于值的类型和含义略有不同。

`border:none` 表示不设置任何边框，可以看作是取消元素原有的边框，这个值是一个关键字，表示不设置边框。

`border:0` 表示将元素的边框宽度设置为0，也就是没有边框线，这个值是一个长度值，表示边框宽度为0。

虽然两者都可以消除元素的边框，但是在语义上，`border:none` 更加合适，因为它更明确地表达出不需要边框的意思。另外，如果使用 `border:0`，在多个 CSS 规则中可能会被其他规则覆盖，导致边框还是出现了，而使用 `border:none` 则不会受到其他规则的影响。

如何让border:none失效

要让border:none失效，可以使用以下方法之一：

1. 使用!important关键字

例如：

border: 1px solid red !important;

2. 设置更具体的边框属性

例如，在border:none后面添加具体的边框属性，例如border-width、border-style或border-color。

border: none;
border-width: 1px;
border-style: solid;
border-color: red;

这样就可以让border:none失效，以显示具体的边框样式。