Report Blog Entry
this is how to do like a summary code.
like this:
so basically heres the code! :-
<details>
<summary>TITLE GOES HERE</summary>
<div>
<p>insert content here</p>
</div>
</details>
• if you wanna add multiple just duplicate them with different titles
• +if you wanna add colors to the accordion with a border this is how to!!
i have input colors randomly, you can change them to your likings!
example: (reminder you can change the colors to your likings)
after this insert your accordion right under it!
<style>
summary {
Background-color: red;
Color: white;
Cursor: pointer;
Padding: 20px;
}
Details {
Border: 3px solid blue;
Border-radius: 5px;
Margin: 10px
}
Details[open] summary {
Background-color: brown;
}
</style>
</head>
<body>
<h1>Styling Accordion with CSS</h1>
(insert the accordion code right under it!!)
hope this helped! I dont know what else to say, bye!!
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
insomnyahh
tyy