[分享]css双实线边框只显示单实线

在 CSS 中，我们可以使用双实线边框来装饰我们的网页元素。不过，有时候我们可能只想显示单实线边框。这该怎么做呢？下面我们就来看一下。/ 双实线边框 / border: 3px double blac...

在 CSS 中，我们可以使用双实线边框来装饰我们的网页元素。不过，有时候我们可能只想显示单实线边框。这该怎么做呢？下面我们就来看一下。

/* 双实线边框 */
border: 3px double black; 

要想将双实线边框变成单实线边框，我们可以使用 CSS 的 border-style 属性。border-style 属性指定边框样式，包括实线、虚线、点线等等。其默认值为单实线边框。

/* 双实线边框变成单实线边框 */
border: 3px double black;
border-style: solid; 

使用 border-style: solid; 可以将双实线边框变成单实线边框。这是因为 border-style 属性覆盖了 border 属性的设置。

如果你想让其它样式的边框也显示单实线，可以这样写：

/* 所有边框都显示单实线 */
* {
  border-style: solid;
} 

使用通配符选择器 * 选择所有元素，并给它们的边框设置为单实线边框。

总之，要在 CSS 中只显示单实线边框，只需要将 border-style 属性设置为 solid 即可。希望这篇文章能对你有所帮助！