Heim > Artikel > Web-Frontend > So entfernen Sie den oberen Rand in CSS

So entfernen Sie den oberen Rand in CSS

青灯夜游Original: 2021-11-09 16:32:124791Durchsuche

So entfernen Sie den oberen Rand in CSS: 1. Verwenden Sie die Anweisung „border-top:none;“, um ihn zu entfernen. 2. Verwenden Sie die Anweisung „border-top:transparent;“, um die Rahmenfarbe des oberen Randes festzulegen auf transparent; 3. Die Anweisung „border -top:0;“ setzt die Rahmenbreite des oberen Randes auf 0.

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

Wenn wir das Randattribut verwenden, um den Rand festzulegen, legen wir den oberen, unteren, linken und rechten Rand gleichzeitig fest:

<!DOCTYPE html>
<html>
	<head>
		<style>
			div{
				height: 50px;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

So entfernen Sie den oberen Rand in CSS

Manchmal brauchen wir den oberen Rand nicht, also wie man ihn entfernt Es? Sie können das Attribut „border-top“ verwenden.

Methode 1:

div{
	height: 50px;
	border: 1px solid red;
	border-top:none;
}

So entfernen Sie den oberen Rand in CSS

Methode 2:

div{
	height: 50px;
	border: 1px solid red;
	border-top:transparent;
}

So entfernen Sie den oberen Rand in CSS

Methode 3:

div{
	height: 50px;
	border: 1px solid red;
	border-top:0;
}

So entfernen Sie den oberen Rand in CSS

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den oberen Rand in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 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：So stellen Sie den CSS-Mauszeiger auf den Bildstil einNächster Artikel：So stellen Sie den CSS-Mauszeiger auf den Bildstil ein

In Verbindung stehende Artikel

Mehr sehen