码迷,mamicode.com
首页 > Web开发 > 详细

css列表

时间:2020-04-29 21:56:56      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:upper   attr   市场   bootstrap   cas   hello   case   oct   api   

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

bootstrap的引入
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
<body>

容器
<div class="container">
<h1>你好,bootstrap</h1>
<h2>你好,bootstrap</h2>
<h3>你好,bootstrap</h3>

small标签的字体变小
<h4>你好,bootstrap<small>欢迎你的到来</small></h4>
<p>hellohello<abbr title="attribute">hello</abbr></p>
<p class="lead">hellohello</p>
<p>hellohello<mark>世界</mark></p>
<del>1122</del>


<p class="text-left">非常棒</p>
<p class="text-center">非常棒</p>
<p class="text-right">非常棒</p>

<p class="text-lowercase">HappyDay</p>
<p class="text-uppercase">HappyDay</p>
<p class="text-capitalize">HappyDay</p>

<address>
<strong>超级市场</strong><br>
函数,方法<br>
<abbr title="Phone">P : 88888 888</abbr>
</address>

<ul class="list-unstyled">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>

css列表

标签:upper   attr   市场   bootstrap   cas   hello   case   oct   api   

原文地址:https://www.cnblogs.com/weixin2623670713/p/12804853.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!