<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Accordion Example</
title
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
</
head
>
<
body
>
<
h1
class
=
"text-success text-center"
>
GeeksforGeeks
</
h1
>
<
h2
class
=
"text-center"
>
How to Change Bootstrap Accordion Background Color
</
h2
>
<
div
class
=
"container mt-5"
>
<
div
class
=
"accordion accordion-flush mt-4 "
id
=
"accordionExample"
>
<
div
class="accordion-item
bg-success text-light">
<
h2
class
=
"accordion-header"
id
=
"headingTwo"
>
<
button
class
=
"accordion-button collapsed"
type
=
"button"
data-bs-toggle
=
"collapse"
data-bs-target
=
"#collapseTwo"
aria-expanded
=
"false"
aria-controls
=
"collapseTwo"
>
C++
</
button
>
</
h2
>
<
div
id
=
"collapseTwo"
class
=
"accordion-collapse collapse"
aria-labelledby
=
"headingTwo"
data-bs-parent
=
"#accordionExample"
>
<
div
class
=
"accordion-body"
>
C++ is a high level programming
language used for developing
applications, games, etc.
</
div
>
</
div
>
</
div
>
<
div
class="accordion-item
bg-info
text-light">
<
h2
class
=
"accordion-header "
id
=
"headingOne"
>
<
button
class
=
"accordion-button collapsed"
type
=
"button"
data-bs-toggle
=
"collapse"
data-bs-target
=
"#collapseOne"
aria-expanded
=
"false"
aria-controls
=
"collapseOne"
>
Java
</
button
>
</
h2
>
<
div
id
=
"collapseOne"
class
=
"accordion-collapse collapse"
aria-labelledby
=
"headingOne"
data-bs-parent
=
"#accordionExample"
>
<
div
class
=
"accordion-body"
>
Java is a programming language
that is used in modern
development worldwide.
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>