Heim > Web-Frontend > HTML-Tutorial > So legen Sie einen gepunkteten Rand in p in HTML fest

So legen Sie einen gepunkteten Rand in p in HTML fest

青灯夜游
Freigeben: 2023-01-03 09:24:21
Original
5754 Leute haben es durchsucht

In HTML können Sie einen gestrichelten Rahmen festlegen, indem Sie den Stil „border-style: dashed;“ für das p-Tag-Element festlegen. Das Attribut „border-style“ kann den Stil aller Rahmen des Elements festlegen. Wenn der Attributwert „gestrichelt“ ist, kann der gestrichelte Rahmenstil definiert werden.

So legen Sie einen gepunkteten Rand in p in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.

In HTML können Sie einen gepunkteten Rahmen festlegen, indem Sie den Stil „border-style: dashed;“ für das p-Tag-Element festlegen.

.dashed {border-style: dashed}

<p class="dashed">A dashed border</p>
Nach dem Login kopieren

So legen Sie einen gepunkteten Rand in p in HTML fest

css border-style-Attribut

Das border-style-Attribut 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. [Empfohlene Tutorials: CSS-Video-Tutorial, „HTML-Video-Tutorial“]

Einstellbare Attributwerte:

So legen Sie einen gepunkteten Rand in p in HTML fest

Beispiel:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.dotted {border-style: dotted}
p.dashed {border-style: dashed}
p.solid {border-style: solid}
p.double {border-style: double}
p.groove {border-style: groove}
p.ridge {border-style: ridge}
p.inset {border-style: inset}
p.outset {border-style: outset}
</style>
</head>

<body>
<p class="dotted">A dotted border</p>

<p class="dashed">A dashed border</p>

<p class="solid">A solid border</p>

<p class="double">A double border</p>

<p class="groove">A groove border</p>

<p class="ridge">A ridge border</p>

<p class="inset">An inset border</p>

<p class="outset">An outset border</p>
</body>

</html>
Nach dem Login kopieren

So legen Sie einen gepunkteten Rand in p in HTML fest

Für weitere Programmierkenntnisse Bitte besuchen Sie: Programmiervideo ! !

Das obige ist der detaillierte Inhalt vonSo legen Sie einen gepunkteten Rand in p in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage