本文通过实例展示了HTML与CSS结合使用时的各种文本样式效果，包括不同颜色、大小写转换及对齐方式等。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title></title>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<!--.h1-.h6
.text-danger/success/info/primary/warning文字颜色
.text-uppercase/lowercase/capitalize大写/小写/首字母大写
.text-left/center/right/justify 对齐方式
.font-weight-bold/light/normal 字体样式
.font-italic 斜体-->
<h1>文本相关类</h1>
<div class="text-success">Lorem ipsum dolor sit amet</div>
<div class="text-primary">consectetur adipisicing elit.</div>
<div class="text-warning"> Aliquam assumenda beatae cum dignissimos enim,eveniet harum hic </div>
<div class="text-uppercase text-right">id iure magni molestias officia pariatur porro </div>
<div class="text-lowercase">praesentium qui quis repellendus similique voluptatum?</div>
<div class="text-capitalize font-weight-bold font-italic">repellendus</div>
</div>
<br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
