首页 > Web开发 > 详细

css-排版

时间:2020-04-27 20:52:41      阅读:41      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
 </head>
 <body>
  <div class="container">
   <h1>你好,bootstrap</h1>
   <h2>你好,bootstrap</h2>
   <h3>你好,bootstrap</h3>
   <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-排版

原文:https://www.cnblogs.com/weixin2623670713/p/12789547.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!