Besser aussehende benutzerdefinierte CSS-Stile (Titel h1 h2 h3)

Besser aussehende benutzerdefinierte CSS-Stile (Titel h1 h2 h3)

Rendern

Häufig verwendete Stile im Blog Garden

/*Titel h1 h2 h3 Stil*/
#Inhalt {
    Farbe: Schwarz;
    Schriftart: 0,875em/1,5em „Microsoft YaHei“, „PTSans“, „Arial“, serifenlos;
    Schriftgröße: 16px;
}
#Inhalt h1 {
    Hintergrund: #2B6695;
    Rahmenradius: 6px 6px 6px 6px;
    Boxschatten: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba (10, 10, 0, 0,5);
    Farbe: #FFFFFF;
    Schriftfamilie: „Microsoft YaHei“, „Songti“, „HeiTi“, Arial;
    Schriftgröße: 18px;
    Schriftstärke: fett;
    Höhe: 25px;
    Zeilenhöhe: 25px;
    Rand: 18px 0 !wichtig;
    Polsterung: 8px 0 5px 5px;
    Textschatten: 2px 2px 3px #222222;
}
#Inhalt h2 {
    Hintergrund: #2B6600;
    Rahmenradius: 6px 6px 6px 6px;
    Boxschatten: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba (10, 10, 0, 0,5);
    Farbe: #FFFFFF;
    Schriftfamilie: „Microsoft YaHei“, „Songti“, „HeiTi“, Arial;
    Schriftgröße: 15px;
    Schriftstärke: fett;
    Höhe: 24px;
    Zeilenhöhe: 23px;
    Rand: 12px 0 !wichtig;
    Polsterung: 5px 0 5px 10px;
    Textschatten: 2px 2px 3px #222222;
}
#Inhalt h3 {
    Hintergrund: #5B9600;
    Rahmenradius: 6px 6px 6px 6px;
    Boxschatten: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba (10, 10, 0, 0,5);
    Farbe: #FFFFFF;
    Schriftfamilie: „Microsoft YaHei“, „Songti“, „HeiTi“, Arial;
    Schriftgröße: 13px;
    Schriftstärke: fett;
    Höhe: 24px;
    Zeilenhöhe: 20px;
    Rand: 12px 0 !wichtig;
    Polsterung: 5px 0 5px 10px;
    Textschatten: 2px 2px 3px #222222;
}

Schaltflächenstil

CSS

/*Schaltfläche „Empfehlen/Gefällt mir nicht“*/
#div_digg {
    Position: fest;
    unten: 10px;
    Breite: 140px;
    rechts: 390px;
    Rand: 2px durchgezogen #6FA833;
    Polsterung: 10px;
    Hintergrundfarbe: #fff;
    Rahmenradius: 5px 5px 5px 5px !wichtig;
    Boxschatten: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba (10, 10, 0, 0,5);
}

Oben sind die Details der schöneren benutzerdefinierten CSS-Stile (Titel h1 h2 h3) aufgeführt. Weitere Informationen zu benutzerdefinierten CSS-Stilen h2 h3 finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!

<<:  Eine kurze Diskussion über verschiedene Situationen, in denen das Hinzufügen von Indizes zu MySQL nicht wirksam wird

>>:  html ein Link-Tag Titel Attribut Zeilenumbruch Mouseover Prompt Inhalt Zeilenumbruch Effekt

Artikel empfehlen

MYSQL Eine Frage zur Verwendung von Zeichenfunktionen zum Filtern von Daten

Problembeschreibung: Struktur: test hat zwei Feld...

Detaillierte Erklärung der Verwendung und Funktion des MySQL-Cursors

[Verwendung und Funktion des MySQL-Cursors] Beisp...

So legen Sie die Tabellenbreite in IE8 und Chrome fest

Wenn die oben genannten Einstellungen in IE8 und C...

JavaScript zum Erzielen digitaler Uhreffekte

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung zur korrekten Verwendung der Zählfunktion in MySQL

1. Beschreibung Wenn wir in MySQL die Gesamtzahl ...

Erklärung und Beispielverwendung von 4 benutzerdefinierten Anweisungen in Vue

Vier praktische Vue-Custom-Anweisungen 1. V-Wider...

MySQL-Datumsfunktionen und Datumskonvertierungs- und -formatierungsfunktionen

MySQL ist eine kostenlose relationale Datenbank m...

Tutorial zu HTML-Tabellen-Tags (12): Rahmenstil-Attribut FRAME

Verwenden Sie die FRAME-Eigenschaft, um den Stilt...

Beispiel für die Verwendung der setInterval-Funktion in React

Dieser Artikel basiert auf der Windows 10-Systemu...