Heim > Artikel > Web-Frontend > So legen Sie die Größe und Farbe der Schaltflächen in HTML fest

So legen Sie die Größe und Farbe der Schaltflächen in HTML fest

青灯夜游Original: 2021-03-05 17:16:4219375Durchsuche

In HTML können Sie die Attribute „width“ und „height“ verwenden, um die Größe des Schaltflächenelements festzulegen, und das Attribut „background-color“, um die Farbe des Schaltflächenelements festzulegen. Die spezifische Syntax lautet „button{width: width value; height: Höhenwert; Hintergrundfarbe: Farbwert;}".

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

HTML

Innerhalb des

HTML-Schaltflächengröße und -farbe festlegen

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style type="text/css">
			button{
				width:100px;
				height: 100px;
				background-color: palevioletred;
			}
		</style>
	</head>

	<body>

		<button type="button" onclick="alert(&#39;你好，世界!&#39;)">点我!</button>

	</body>

</html>

Rendering:

So legen Sie die Größe und Farbe der Schaltflächen in HTML fest

css-Breiten- und Höhenattribute

width-Attribut legt die Breite des Elements fest. Das Attribut

height legt die Höhe des Elements fest.

Wert	Beschreibung
Auto	Standardwert. Der Browser kann die tatsächliche Breite oder Höhe berechnen.
Länge	Definieren Sie Breite oder Höhe mit Einheiten wie px, cm usw.
%	Definiert eine prozentuale Breite oder Höhe basierend auf der Breite des enthaltenden Blocks (übergeordnetes Element).

CSS-Eigenschaft „Hintergrundfarbe“

Die Eigenschaft „Hintergrundfarbe“ legt die Hintergrundfarbe eines Elements fest.

Wert	Beschreibung
Farbe	Gibt die Hintergrundfarbe an.
transparent	Gibt an, dass die Hintergrundfarbe transparent sein soll. Dies ist die Standardeinstellung

【Empfohlenes Tutorial: CSS-Video-Tutorial】

Das obige ist der detaillierte Inhalt vonSo legen Sie die Größe und Farbe der Schaltflächen in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 html auto Length background input

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 die Bildlaufleiste einNächster Artikel：So stellen Sie die Bildlaufleiste ein

In Verbindung stehende Artikel

Mehr sehen