html轮播图上面可以加描述的标题和文字

最新推荐文章于 2024-09-11 12:58:13 发布

郝晨妤

最新推荐文章于 2024-09-11 12:58:13 发布

阅读量4.2k

点赞数 1

分类专栏：前端文章标签： servlet java html 前端 css

本文链接：https://blog.csdn.net/H1453571548/article/details/126945951

版权

前端专栏收录该内容

28 篇文章 0 订阅

订阅专栏

代码如下

<head>

<head>

<div id="demo" class="carousel slide" data-ride="carousel">

           
           <ul class="carousel-indicators">
           <li data-target="#demo" data-slide-to="0" class="active"></li>
           <li data-target="#demo" data-slide-to="1"></li>
           <li data-target="#demo" data-slide-to="2"></li>
           </ul>

           
           <div class="carousel-inner">
           <div class="carousel-item active">
           <img src="http://static.runoob.com/images/mix/img_fjords_wide.jpg">
           <div class="carousel-caption">
           <h3>第一张图片描述标题</h3>
           <p>描述文字!</p>
           </div>
           </div>
           <div class="carousel-item">
           <img src="http://static.runoob.com/images/mix/img_nature_wide.jpg">
           <div class="carousel-caption">
           <h3>第二张图片描述标题</h3>
           <p>描述文字!</p>
           </div>
           </div>
           <div class="carousel-item">
           <img src="http://static.runoob.com/images/mix/img_mountains_wide.jpg">
           <div class="carousel-caption">
           <h3>第三张图片描述标题</h3>
           <p>描述文字!</p>
           </div>
           </div>
           </div>