Cum de a desena linie punctată folosind html și css (Programare, Html, Css)

SSSSSS a intrebat.

Cum se desenează o linie punctată folosind html și css ca mai jos. Nu linia punctată.

„————————————————–„

Se poate folosi această frontieră: 1px punctată. Dar trebuie să măriți dimensiunea lungimii liniuței.nu lățimea

1 răspunsuri
Temani Afif

Utilizați repeating-linear-gradient și poți controla dimensiunea și spațierea așa cum dorești:

De asemenea, le puteți avea pe toate în același element folosind mai multe fundaluri:

Comentarii

  • Acesta desenează linia ca aceasta _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ >. Vreau să adaug o săgeată după aceasta ca mai jos… ————————————>. Dar folosind linia de mai sus care nu poate crea. –  > Por SSSS.
  • @SSSSSS ajustați poziția fundalului … după cum puteți vedea în ultimul cod, înălțimea este de 20px și există un gradient în mijloc … așa că ajustați înălțimea dorită și plasați gradientul în mijloc –  > Por Temani Afif.
  • aceasta este săgeata folosită. fa ui-icon-keyboard-arrow-right –  > Por SSSSSS.

Tags:,