导入
Bootstrap 中的颜色
学习如何使用 Bootstrap 为文本和背景添加颜色。
文本颜色
颜色是网页样式设计的重要组成部分。Bootstrap 提供了一组类，可以为网页中的文本添加颜色。让我们来看看 Bootstrap 提供的颜色类。
No configuration found for ID: ca5c30825ec2832fd306d0bec111ad1e8242aab1420c1449d7a94b43331b2b21
使用 .text-black-50 或 .text-white-50 类，我们还可以为黑色或白色文本添加 50% 的透明度。
No configuration found for ID: 996e46a0ae81fdb1e7183c8fa3f2b37adb2e4cd25ab514f920cb7dd122e807b1
背景颜色
Bootstrap 使用相同的颜色集合来设置背景颜色。可以通过以下方式实现：
No configuration found for ID: 19432ff1ad359c47f21ab5ed1120181dbaac0170dc4e297c402a9207d72e321a
渐变效果
Bootstrap 还提供了渐变属性。该渐变效果具有半透明特性，并向背景底部逐渐淡化。我们可以通过添加额外的 .bg-gradient 类以及背景颜色类来实现渐变效果。下面是一些示例：
No configuration found for ID: dbf3a30bb4636219b8cbbc52272d19a8eb94eee109ed8602de3320fb13d7d1b0
利用上述列出的颜色类，我们可以让网站视觉上更加吸引人。
提示： 保持文本与背景之间良好的对比度，以提升可读性。