
上QQ阅读APP看书,第一时间看更新
5.2.2 链接文本颜色
对于前面介绍的文本颜色类,在链接上也能正常使用。再配合Bootstrap提供的悬浮和焦点样式(悬浮时颜色变暗),使链接文本更适合网页整体的颜色搭配。
注意
和设置文本颜色一样,不建议使用.text-white和.text-light这两个类,因为不显示样式,需要相应的背景色来辅助。
【例5.9】链接文本颜色示例。

在IE 11浏览器中运行结果如图5-10所示。

图5-10 链接文本颜色效果
对于前面介绍的文本颜色类,在链接上也能正常使用。再配合Bootstrap提供的悬浮和焦点样式(悬浮时颜色变暗),使链接文本更适合网页整体的颜色搭配。
注意
和设置文本颜色一样,不建议使用.text-white和.text-light这两个类,因为不显示样式,需要相应的背景色来辅助。
【例5.9】链接文本颜色示例。
在IE 11浏览器中运行结果如图5-10所示。
图5-10 链接文本颜色效果