/Html/How to make the dashed border with longer dashes css

How to make the dashed border with longer dashes css

Border dashed spacing

<!-- dashed border spacing -->
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Border Spacing</title>
      <style>
         div.two {
            border: 2px dashed #ff0000;
         }

         div.five:before {
            content: '';
            position: absolute;
            border: 5px dashed #ff0000;
            top: -3px;
            bottom: -3px;
            left: -3px;
            right: -3px;
         }

         div.ten:before {
            content: '';
            position: absolute;
            border: 10px dashed #ff0000;
            top: -8px;
            bottom: -8px;
            left: -8px;
            right: -8px;
         }

         div.odd:before {
            left: 0;
            right: 0;
            border-radius: 60px;
         }

         div {
            overflow: hidden;
            position: relative;

            text-align: center;
            padding: 10px;
            margin-bottom: 20px;
         }
      </style>
   </head>

   <body>
      <div class="two">Kupo nuts here</div>
      <div class="five">Kupo nuts<br />here</div>
      <div class="ten">Kupo<br />nuts<br />here</div>
      <div class="ten odd">Kupo<br />nuts<br />here</div>
   </body>
</html>

Source: stackoverflow.com

Similar codes

0 vote223 views1 answer
Adding a corousel to a website
Html
1 vote227 views1 answer
How to check where was the changes in a perticuler commit git
Html
1 vote250 views2 answers
Sudo: /opt/lampp/lampp: command not found
Html
0 vote222 views1 answer
Html new line without <br
Html
0 vote229 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
1 vote245 views1 answer
Clear html screen
Html
1 vote265 views1 answer
How to add double space in html
Html
1 vote244 views1 answer
How to emphasis in html
Html
0 vote238 views1 answer
How to put autoplay music in the background of the page html
Html
21 votes246 views3 answers
Scrollable div
Html