![Bootstrap从入门到项目实战](https://wfqqreader-1252317822.image.myqcloud.com/cover/95/27738095/b_27738095.jpg)
上QQ阅读APP看书,第一时间看更新
5.2.2 链接文本颜色
对于前面介绍的文本颜色类,在链接上也能正常使用。再配合Bootstrap提供的悬浮和焦点样式(悬浮时颜色变暗),使链接文本更适合网页整体的颜色搭配。
注意
和设置文本颜色一样,不建议使用.text-white和.text-light这两个类,因为不显示样式,需要相应的背景色来辅助。
【例5.9】链接文本颜色示例。
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P78_2454.jpg?sign=1739355986-rO7q5rphN7esokB1Tfl5pzeW6o5p0StZ-0-5c6237718c84eac5f3300ecdb76cc8c2)
在IE 11浏览器中运行结果如图5-10所示。
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P78_2456.jpg?sign=1739355986-8a8dDo5ob9exs1O5Rcntbck55VQLTEdr-0-5561d9bbe60f706523cc788fc815a559)
图5-10 链接文本颜色效果
对于前面介绍的文本颜色类,在链接上也能正常使用。再配合Bootstrap提供的悬浮和焦点样式(悬浮时颜色变暗),使链接文本更适合网页整体的颜色搭配。
注意
和设置文本颜色一样,不建议使用.text-white和.text-light这两个类,因为不显示样式,需要相应的背景色来辅助。
【例5.9】链接文本颜色示例。
在IE 11浏览器中运行结果如图5-10所示。
图5-10 链接文本颜色效果