为什么我的CSS没有呈现？

Question

我想创建一个细边框。简单。我的代码不会呈现它。为了给它一个临时放在页面元素中的最大特异性：

<div style="max-width: 100%; position: relative;border-radius: 4px; border-color: #ddd; border:thin; background-color: #ffffff ;">

无论我做什么，边框都不会渲染。其他一切都呈现出来。如果我将背景颜色设置为红色，则渲染效果很好。不是边界。

因此，在研究Chrome开发人员工具时，我发现边框宽度被描述为0px，这没有任何意义。但是，如果我扩展，我看到我的值为1px。

CSS中没有其他继承的值会覆盖我的边框。所以我完全糊涂了。

非常感谢！

Answer 1

您需要为边框定义样式。

border-style: solid;

另外，使用

border: thin;

会覆盖您之前设置的所有值，使用

border-width: thin;

代替。