[分享]css内边框填充颜色不显示

当我们在编写网页时，使用CSS给元素设置内边框填充颜色时，有时会遇到一种情况，内边框填充颜色并没有显示出来。这是可能由于以下几个原因：1. 没有定义内边框 2. 没有定义填充 3. 确定使用了正确的属...

当我们在编写网页时，使用CSS给元素设置内边框填充颜色时，有时会遇到一种情况，内边框填充颜色并没有显示出来。这是可能由于以下几个原因：

1. 没有定义内边框
2. 没有定义填充
3. 确定使用了正确的属性名称
4. 没有正确指定html文档类型 

第一个问题很容易解决，我们只需要在CSS中为元素设置内边框即可：

p {
  border: 1px solid black; /* 设置1像素黑色实边框 */
  padding: 10px; /* 设置填充大小为10像素 */
} 

第二个问题也非常简单，只需要再CSS中添加填充属性即可：

p {
  border: 1px solid black;
  padding: 10px;
  background-color: red; /* 设置背景颜色为红色 */
} 

第三个问题可能是我们最容易犯的误区，我们必须确定使用正确的属性名称。例如，我们常常会将填充属性写成“paddingcolor”而不是“background-color”。

p {
  border: 1px solid black;
  padding: 10px;
  paddingcolor: red; /* 这个属性名称是错误的！*/
} 

最后一个问题可能是最容易被忽略的，因为它与CSS本身似乎没有明显的关系。但实际上，正确设置html文档类型可以帮助浏览器正确解释CSS代码。

所以，如果你的内边框填充颜色没有正确显示，那么你可以先检查以上这些问题，看看是否有解决的办法。