Как создать пунктирную границу в CSS?

Пользователь

от krista , в категории: HTML/CSS , 2 года назад

Как создать пунктирную границу в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от nikko , 2 года назад

@krista используйте border CSS свойство и dotted чтобы создать пунктирную границу в CSS, код:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<html>
<head>
    <title>Как создать пунктирную границу в CSS?</title>
    <style>
        .dotted {
            border: 1px dotted #000;
        }
    </style>
</head>
<body>
    <div class="dotted">пунктирная граница</div>
</body>
</html>

Пользователь

от hoyt.jerde , 2 года назад

@krista 

В CSS можно создать пунктирную границу следующим образом:

1
2
3
element {
  border: 1px dotted black;
}


Где:

  • 1px - ширина границы;
  • dotted - стиль границы (пунктирный);
  • black - цвет границы.