Skip to content
Related Articles

Related Articles

Improve Article

How to specify the double border using CSS ?

  • Last Updated : 30 Apr, 2021

The task is to specify the double border using CSS. In this article, we are going to use the border-style property to style the border.

Property used:

Approach:

  • Create the HTML page with some elements.
  • Now, using the border-style property style the border with value double.

Example:

HTML




<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        body {
            text-align: center;
        }
          
        h1.double {
            border-width: 5px;
            border-style: double;
            Border-color: green
        }
          
        h1.double2 {
            border-width: 10px;
            border-style: double;
            Border-color: green
        }
          
        h1.double3 {
            border-width: 15px;
            border-style: double;
            Border-color: green
        }
    </style>
</head>
  
<body>
    <h1 class="double">GeeksForGeeks</h1>
    <h1 class="double2">GeeksForGeeks</h1>
    <h1 class="double3">GeeksForGeeks</h1>
</body>
  
</html>

Output:

My Personal Notes arrow_drop_up
Recommended Articles
Page :