刚刚写完加导航，再写一篇如何给网站顶部加轮播图，效果如下，同样是非常简单。今天为大家分享全程操作，其实非常的简单，不需要任何html知识，按照我的操作，就可以完成！

第一步

一：打开网站模板，找到header.html(这个文件是头部，将代码写在这里，全站可以引用)，我以默认模板为例，找到/Template/9CCMSPC/html/header.html，将以下代码复制到页面第一行。

引用js

js地址：https://v4.bootcss.com/docs/getting-started/introduction/

代码html

<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
    <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="https://cbu01.alicdn.com/img/ibank/2020/128/288/15586882821_938505756.jpg" class="d-block w-100" alt="...">
 
    </div>
    <div class="carousel-item">
      <img src="https://cbu01.alicdn.com/img/ibank/2020/128/288/15586882821_938505756.jpg" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="https://cbu01.alicdn.com/img/ibank/2020/128/288/15586882821_938505756.jpg" class="d-block w-100" alt="...">
    </div>
  </div>
</div>

二：保存之后刷新首页即可出效果，引用了bootstrap的样式和js，然后使用button标签，可以任意修改颜色。div标签使用了居中样式，小标题使用h2和h5。bootstrap自适应效果，非常简单的操作。

bootstrap中文官网：https://www.bootcss.com/

html教程：https://www.w3cschool.cn/css/