Verwenden Sie CSS, um spezielle Logos oder Grafiken zu implementieren

1. Einleitung

Da Bilder viel Platz beanspruchen und die Verwaltung umso schwieriger wird, je mehr Bilder es gibt, können wir manchmal einige einfache Etikettenstile verwenden, um anstelle von Bildern einfache grafische Logos zu implementieren.

2. Beispielanzeige:

Dreiecksbeispiel

Beispielcode:

<style type="text/css">
.dreieck b {
    Rand: 5px durchgezogen #fff;
    Rahmen links: 5px durchgezogen #353535;
    Rand: 0;
    Schriftgröße: 0;
}
</Stil>

Beispiele für Richtungspfeile

Beispielcode:

<style type="text/css">
 .mark b{border:solid #D0D0D0;width:6px;height:6px;display:inline-block;}
 .mark b.lmark{border-width:2px 2px 0 0;transform: drehen(45deg);}
 </Stil>

Leerer Kreis

 	*{
		Polsterung: 0;
		Rand: 0;
	}

	div:vor{
		Inhalt:"";
		Breite: 20px;
		Höhe: 20px;
		Position: absolut;
		oben: -10px;
		links: 40px;
		Randradius: 50 %;
		Hintergrundfarbe: weiß;
	}

	div{
		Position: relativ;
		Breite: 100px;
		Höhe: 100px;
		Rand: 100px automatisch;
		Box-Schatten: 0 0 2px rot;
		Hintergrundfarbe:#ccc;
	}

Dies ist das Ende dieses Artikels über die Verwendung von CSS zur Implementierung spezieller Logos oder Grafiken. Weitere relevante CSS-Inhalte zu speziellen Logos finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!