CSS border-bottom

Please Share On:

Definition:

CSS border-bottom is used to set the value of the bottom border.

Syntax:

p.first {
  border-bottom: 3px solid purple;
}

p.second {
  border-bottom: dashed red;
}

p.third {
  border-bottom: double;
}

Source Code:

<!DOCTYPE html>
<html>
<head>
<style>
p.first {
  border-bottom: 3px solid purple;
}

p.second {
  border-bottom: dashed red;
}

p.third {
  border-bottom: double;
}
</style>
</head>
<body>

<div>
<p class="first">I am a paragraph with a 3px solid purple bottom border.</p>
</div>

<div>
<p class="second">I am a paragraph with a 4px dashed red bottom border.</p>
</div>

<div>
<p class="third">I am a paragraph with a double bottom border.</p>
</div>

</body>
</html>

Output :

I am a paragraph with a 3px solid purple bottom border.

I am a paragraph with a 4px dashed red bottom border.

I am a paragraph with a double bottom border.

try it yourself

Donate to support writers

You may be interested in the following topics:

Post Views: 634

Leave a Reply Cancel reply

Copyright @2023. All Right Reserved.