BootStrap笔记-文本颜色链接颜色背景颜色

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>CN_TEST1</title><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!--    bootstrap css核心文件--><link rel="stylesheet" href="bootstrap-4.4.1-dist/css/bootstrap.min.css">
<!--    bootstrap使用到了jquery，需要提前引用--><script src="js/jquery-3.5.1.min.js"></script>
<!--    弹窗、提示、下拉菜单--><script src="bootstrap-4.4.1-dist/js/bootstrap.bundle.js"></script>
<!--    bootstrap核心文件--><script src="bootstrap-4.4.1-dist/js/bootstrap.min.js"></script></head>
<body><div class="container-fluid" style="background: orangered"><h1>文本颜色</h1><p class="text-muted">柔和文本</p><p class="text-primary">主要文本</p><p class="text-success">成功文本</p><p class="text-info">信息文本</p><p class="text-warning">警告文本</p><p class="text-danger">危险文本</p><p class="text-secondary">次要文本</p><p class="text-dark">暗色文本</p><p class="text-light">浅色文本</p><p class="text-white">白色文本</p><h1>链接颜色</h1><a class="text-muted">柔和文本</a><a class="text-primary">主要文本</a><a class="text-success">成功文本</a><a class="text-info">信息文本</a><a class="text-warning">警告文本</a><a class="text-danger">危险文本</a><a class="text-secondary">次要文本</a><a class="text-dark">暗色文本</a><a class="text-light">浅色文本</a><a class="text-white">白色文本</a><h1>背景颜色</h1><p class="bg-primary text-white">重要的背景颜色</p><p class="bg-success text-white">执行成功的背景颜色</p><p class="bg-info text-white">信息提示背景颜色</p><p class="bg-warning text-white">警告背景颜色</p><p class="bg-danger text-white">危险背景颜色</p><p class="bg-secondary text-white">副标题背景颜色</p><p class="bg-dark text-white">暗色背景颜色</p><p class="bg-light text-dark">浅色背景颜色</p></div>
</body>
</html>

程序运行截图如下：

BootStrap笔记-文本颜色链接颜色背景颜色相关推荐

Bootstrap——制作个人简历网页、工具类【边框（添加、删除、颜色、圆角）、清除浮动、颜色（文本、链接、背景）、display属性、浮动、定位、文本对齐】
制作个人简历网页代码: <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...
bootstrap的html高度很低,Bootstrap DIV没有填充100％背景颜色的高度
我知道有很多关于此的帖子,但我尝试了每个解决方案并失败.公平的警告我不理解CSS特别好(我虽然想)Bootstrap DIV没有填充100%背景颜色的高度我有这样的代码: Question Form ...
在html里文本框怎么设置背景颜色,css文本框颜色怎么设置
css文本框颜色的设置方法:1.使用color属性设置文本框内文字颜色:2.使用background-color属性设置文本框的背景颜色:3.使用border-color属性设置文本框的边框颜色. 本 ...
保护眼睛（改变窗口颜色和Pdf背景颜色）xp和WIN7方法
保护眼睛(改变窗口颜色和Pdf背景颜色)附WIN7方法保护眼睛(改变窗口颜色和Pdf背景颜色) 如果常常用电脑很容易导致眼睛过度疲劳而得干眼症,所以大夫建议电脑屏幕不要用白色,因为白色对眼睛的刺激是 ...
android更换导航背景,修改TabHost导航高度和背景颜色，tabhost背景颜色,主要是android使用...
修改TabHost导航高度和背景颜色,tabhost背景颜色,主要是android使用主要是android使用TabHost布局时.设置tabhost的导航条高度,及背景颜色private TabW ...
Android中隐藏底部导航栏NavigationBar，以及修改NavigationBar按键颜色及NavigationBar背景颜色。
一:把NavigationBa隐藏掉 Window window = getWindow(); WindowManager.LayoutParams params = window.getAttr ...
SwiftUI TabView设置选中Item颜色和Tab背景颜色教程含源码
实战需求 SwiftUI TabView如何设置选中Item颜色和Tab背景颜色本文价值与收获看完本文后,您将能够作出下面的界面看完本文您将掌握的技能掌握TavView基础使用掌握accen ...
前端基础(五)_CSS文本文字属性、背景颜色属性
CSS文本文字属性 1.文字属性 1.1.字号 font-size:38px; 浏览器默认16px; 1.2.字体 font-family: 如果字体名称包含空格,字体名称上加引号: 中文字体名称加引 ...
android textview获取背景颜色,Android TextView背景颜色与背景图片设置
Android TextView 背景颜色与背景图片设置,android textview 控件,android textview 背景, android textview 图片,android te ...

BootStrap笔记-文本颜色链接颜色背景颜色

BootStrap笔记-文本颜色链接颜色背景颜色相关推荐

最新文章

热门文章