Heim > Artikel > Web-Frontend > Wie schreibe ich mit CSS einen gepunkteten Linienstil für einen Textrand? (Beispiel)

Wie schreibe ich mit CSS einen gepunkteten Linienstil für einen Textrand? (Beispiel)

藏色散人Original: 2018-08-14 14:59:474254Durchsuche

In diesem Artikel erfahren Sie hauptsächlich, wie Sie den Stil des gepunkteten CSS-Textes schreiben. Ich hoffe, er wird für Freunde in Not hilfreich sein. Hier gebe ich Ihnen ein Beispiel für das Festlegen von CSS-Grenzlinien.

Der Code lautet wie folgt:

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>css边框线怎么设置的例子</title>
    <meta charset="UTF-8">
    <style type="text/css">
        p
 {
            width: 550px;
            border: 1px solid red;
        }

    </style>
</head>
<body>

<div>
    <p>css border 外边框、css边框线怎么设置?</p>
</div>
</body>
</html>

Der Effekt ist wie folgt:

Wie schreibe ich mit CSS einen gepunkteten Linienstil für einen Textrand? (Beispiel)

Wie hier gezeigt, Verwenden Sie einfach das Randattribut. Fügen Sie einem Textabschnitt einen Rahmen hinzu und fügen Sie Farbe hinzu.

Als nächstes werde ich Ihnen vorstellen, wie Sie die gepunktete CSS-Box einrichten:

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>css虚线框的例子</title>
    <meta charset="UTF-8">
    <style type="text/css">
        p
 {
            width: 550px;
            border-color:red;
            border-style:dotted ;

        }

    </style>
</head>
<body>
<div>
    <p>css设置文字虚线边框、css文字虚线边框、html虚线框、css边框虚线代码</p>
</div>

</body>
</html>

Der Effekt ist wie folgt:

Wie schreibe ich mit CSS einen gepunkteten Linienstil für einen Textrand? (Beispiel)

Wie hier erwähnt Das sehr wichtige Attribut border-style:dotted;
Das Attribut border-style wird verwendet, um den Stil aller Ränder eines Elements oder den Rahmenstil für jede Seite einzeln festzulegen. Der Rahmen wird möglicherweise nur angezeigt, wenn dieser Wert nicht „none“ ist.

Der gepunktete Wert dient hier dazu, den gepunkteten Rand zu definieren. Dies ist im Bild oben als gepunktetes Kästchen dargestellt.

Hinweis: Alle Browser unterstützen das Border-Style-Attribut.

【Empfohlene verwandte Artikel】

Wie schreibe ich abgerundeten CSS-Randcode? (Codebeispiel)

Teilen Sie den Beispielcode zum Hinzufügen eines Rahmenstils zu einem Div

Ausführliche Erklärung, wie ein Farbverlauf für den Rahmenrand implementiert wird Code in CSS

Das obige ist der detaillierte Inhalt vonWie schreibe ich mit CSS einen gepunkteten Linienstil für einen Textrand? (Beispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css border

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was bedeutet die Höhenreduzierung des übergeordneten Elements in CSS und wie lässt sich das Problem lösen? (mit Code)Nächster Artikel：Was bedeutet die Höhenreduzierung des übergeordneten Elements in CSS und wie lässt sich das Problem lösen? (mit Code)

In Verbindung stehende Artikel

Mehr sehen