使用jQuery高效制作网页特效第一章习题

最新推荐文章于 2021-01-17 19:35:50 发布

wsbbdbjay

最新推荐文章于 2021-01-17 19:35:50 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wsbbdbjay/article/details/80983510

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打印倒正金字塔</title>
   <style>
       div{
           text-align: center;
           line-height: 25px;
       }
       hr{
           width: 50px;
           display: inline-block;
       }
   </style>
</head>
<body>
 <div>
     <h1>打印倒正金字塔直线</h1>
     <script>
         for (var i=7;i>0;i--){
             for(var j=0;j<i;j++){
                 document.write("<hr/>")
             }
             document.write("<br/>")
         }
         for(var n=2;n<8;n++){
             for(h=0;h<n;h++){
                 document.write("<hr/>")
             }
             document.write("<br/>")
         }
     </script>
 </div>
</body>
</html>