background-color和color的区别

1、功能不同

background-color用于设置背景颜色，而color用于设置字体的颜色。

2、范围不同

background-color属性所设置的颜色会填充元素的内容、内边距和边框区域，扩展到边框的外边界（不包括外边距）。

color属性设置了一个元素的前景色，在HTML中就是元素的文本颜色。光栅图像不受color影响。这个颜色可以应用到元素的所有边框，但是当设置了border-color的颜色时，其将显示所设置的border-color属性的颜色。即border-color所设置的颜色会覆盖color属性所设置的颜色。