Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie verwende ich die CSS3-Aussehenseigenschaft?

青灯夜游
Freigeben: 2020-09-08 16:10:19
Original
5166 Leute haben es durchsucht

CSS3-Erscheinungsbildattribut wird verwendet, um den Standardstil des Elements zu ändern und das Erscheinungsbild des Elements zu ändern.

Wie verwende ich die CSS3-Aussehenseigenschaft?

CSS3-Aussehensattribut

Funktion: Das Aussehensattribut ermöglicht Ihnen Folgendes Ein Element erstellen Sieht aus wie Standardelemente der Benutzeroberfläche.

Syntax:

appearance: normal|icon|window|button|menu|field;
Nach dem Login kopieren

Attributwert:

● normal: Das Element normal rendern

● Symbol: Präsentiert das Element als kleines Bild.

● Fenster: Präsentiert Elemente als Ansichtsfenster.

● Schaltfläche: Präsentiert das Element als Schaltfläche.

● Menü: Stellt die Elementauswahl als Benutzeroptionseinstellung dar.

● Feld: Präsentiert das Element als Eingabefeld.

Hinweis: IE und Opera unterstützen das Attribut „Erscheinungsbild“ nicht. Firefox muss das Präfix „-moz-“ hinzufügen, um das Attribut „-moz-appearance“ zu unterstützen -webkit- zur Unterstützung des Attributs -webkit -appearance.

Verwendungsbeispiel des CSS3-Aussehensattributs

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>PHP中文网(php.cn)</title>
<style> 
.butto
{
padding:10px;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
</style>
</head>
<body>
<div class="butto">测试文本--butto</div>
</body>
</html>
Nach dem Login kopieren

Rendering:

Wie verwende ich die CSS3-Aussehenseigenschaft?

Anleitung: Da das Aussehensattribut beim Rendern noch nicht zum Standard geworden ist, arbeitet jeder Browser immer noch unabhängig und kann noch keinen einheitlichen Standard erreichen. Daher erhalten Sie in verschiedenen Browsern unterschiedliche Rendering-Effekte.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.

Das obige ist der detaillierte Inhalt vonWie verwende ich die CSS3-Aussehenseigenschaft?. 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