suchen

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

So entfernen Sie den oberen Rand in CSS

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

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.

So entfernen Sie den oberen Rand in CSS

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