Heim > Artikel > Web-Frontend > Wie zeichnet man Linien in CSS?
Wie zeichnet man Linien in CSS?
- 藏色散人Original
- 2021-04-13 09:40:5310058Durchsuche
So zeichnen Sie eine Linie in CSS: 1. Verwenden Sie das Border-Attribut, um den Effekt des Zeichnens einer Linie zu erzielen, mit Code wie „border-bottom: 1px solid #000000;“; 2. Verwenden Sie das hr-Tag, um das zu erreichen Wirkung des Zeichnens einer Linie.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Es gibt viele Möglichkeiten, den Effekt des Zeichnens eines Herzens in HTML zu erzielen. Am einfachsten ist es, das Tag
zu verwenden.
1. Verwenden Sie den Rand, um den Effekt des Zeichnens einer Linie zu erzielen.
1 Sie können ein Rand-Bottom-Attribut für ein Element mit einer bestimmten Breite festlegen, sodass es nur einen unteren Rand hat, wodurch der Effekt einer Linie erzielt wird. Der Code lautet wie folgt:
<div id="div1">
</div>
<style>
#div1{
margin-top: 100px;
width: 900px;
border-bottom: 1px solid #000000;
}
</style>2. Der Laufeffekt ist wie folgt:
2. Verwenden Sie das hr-Tag, um eine Linie zu zeichnen.
1. Verwenden Sie das hr-Tag, um einen Linieneffekt zu zeichnen. Der Code lautet wie folgt:
<html>
<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>2. Der Laufeffekt ist wie folgt:
Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWie zeichnet man Linien in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!