Wenn Sie einen gepunkteten Rahmenstil verwenden, um eine Linie zu erstellen, rendert Chrome die Enden aus doppelten Gründen als Doppelpunkte, was besonders bei kurzen Linien schrecklich aussieht:
Selbst etwas so Einfaches wie border-bottom: 2px dotted #000; funktioniert nicht. Ich habe einen Artikel gesehen, der vorschlägt, die linken / rechten Ränder transparent zu machen, aber das sieht noch schlimmer aus, wenn kleine Ecken der Punkte abgeschnitten werden.
Es sieht jedoch in Firefox gut aus. Gibt es einen Weg, um es in Chrome so gut aussehen zu lassen, oder habe ich kein Glück?
Sie können ein Pseudoelement mit den Rahmeneigenschaften absolut positionieren und die Position um die Breite "Punkt" versetzen, um den ersten und den letzten Punkt, die als Doppelpunkte dargestellt werden, auszublenden.
Wenn Sie nur den unteren Rand festlegen möchten, versuchen Sie text-decoration: unterstreichen ,
setze dann den text-decoration-style: dotted
Siehe Ссылка
Tags und Links css border dotted-line