Set a border between two lines with CSS

Javascript Web Development Front End Scripts

Use the border-style property with double value to set a border with two lines. You can try to run the following code to implement border-style property:

Example

<html>
   <head>
   </head>
   <body>
      <p style = "border-width:4px; border-style:none;">
         This is a border with none width.
      </p>
      <p style = "border-width:4px; border-style:double;">
         This is a border with two solid lines.
      </p>
   </body>
</html>

Lakshmi Srinivas

Programmer / Analyst / Technician

Updated on 03-Feb-2020 06:31:20

0 Views

Print Article

Related Articles
Set outline style as two solid lines with CSS
Set border width with CSS
Set Inset border with CSS
Set Outset border with CSS
Set a border around navbar with CSS
Set the border image width with CSS
Set dashed line for border with CSS
Set dotted line for border with CSS
Set top-right corner border with CSS
Set bottom-right corner border with CSS
Set bottom-left corner border with CSS
Set all border-radius properties with CSS
Set top-left corner border with CSS
Set image as a border for elements with CSS
Set a dotted line for the border with CSS

Previous Page Next Page

Set a border between two lines with CSS

Example

Annual Membership

Training for a Team