Home / css / Css :- The border colour

Css :- The border colour

May 23, 2019 - css

The border-color property sets the color of an element's four borders.
This property can have from one to four values.

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

div {

border: 2px solid red;

margin-top: 10px;

padding: 10px;

}

.topleft {

border-top-left-radius: 25px;

}

.topright {

border-top-right-radius: 25px;

}

.bottomleft {

border-bottom-left-radius: 25px;

}

.bottomright {

border-bottom-right-radius: 25px;

}

.all {

border-radius: 25px;

}

</style>

</head>

<body>

<div class="topleft">

Here Applied border-top-left-radius:25px

</div>

<div class="topright">

Here Applied border-top-right-radius:25px;

</div>

<div class="bottomleft">

Here Applied border-bottom-left-radius:25px;

</div>

<div class="bottomright">

Here Applied border-bottom-right-radius:25px;

</div>

<div class="all">

Here Applied border-radius: 25px;

</div>

</body>

</html>

Css :- The border colour

Css :- The border colour

Reviewed by Network security on May 23, 2019 Rating: 5

No comments:

Subscribe to: Post Comments ( Atom )