¿Cómo especificar el borde doble usando CSS?

La tarea es especificar el borde doble usando CSS. En este artículo, vamos a utilizar la propiedad border-style para diseñar el borde.

Propiedad utilizada:

Acercarse:

  • Cree la página HTML con algunos elementos.
  • Ahora, usando la propiedad de estilo de borde, diseñe el borde con valor doble.

Ejemplo:

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>

Producción:

Publicación traducida automáticamente

Artículo escrito por pall58183 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *