<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Customize the scroll-bar</
title
>
<
style
>
h1 {
color: green;
text-align: center;
}
/* Styling each content
division in the page */
.content1{
background-color: orange;
overflow: auto;
border-radius: 5px;
text-align: center;
}
.content2{
background-color: dodgerblue;
overflow: auto;
border-radius: 5px;
text-align: center;
}
.content3{
background-color: blueviolet;
overflow: auto;
border-radius: 5px;
text-align: center;
}
.content4{
background-color: tomato;
overflow: auto;
border-radius: 5px;
text-align: center;
}
.content5{
background-color: crimson;
overflow: auto;
border-radius: 5px;
text-align: center;
}
.content6{
background-color: lawngreen;
overflow: auto;
border-radius: 5px;
text-align: center;
}
/* Designing for scroll-bar */
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: gainsboro;
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: black;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
</
style
>
</
head
>
<
body
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
div
class
=
"content1"
>
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
</
div
>
<
br
>
<
div
class
=
"content2"
>
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
</
div
>
<
br
>
<
div
class
=
"content3"
>
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
</
div
>
<
br
>
<
div
class
=
"content4"
>
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
</
div
>
<
br
>
<
div
class
=
"content5"
>
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
</
div
>
<
br
>
<
div
class
=
"content6"
>
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
GeeksforGeeks is a Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes etc.
</
div
>
</
body
>
</
html
>