The border is set with dotted lines, and the pdf presents problems

The border is set with dotted lines（border-bottom:1px dashed #000）. The interval displayed in the pdf is too short and looks like a straight line. How to adjust the dotted line interval by setting the line gradient

```html

.one {
background: linear-gradient(to right,transparent 0%, transparent 50%, #000 0%, #000 100%);
background-size: 8px 1px;
background-repeat: repeat-x;
}

asdfasdflasdfasdfllk

```