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

Detailliertes Tutorial zur Installation von Docker unter Windows

Da meine lokale MySQL-Version relativ niedrig ist...

So installieren Sie Docker unter Windows 10 Home Edition

Ich habe Docker kürzlich verwendet, um ein Projek...

Grafisches Tutorial zur kostenlosen Installationsversion von MySQL 5.7.17 winx64

Aktuelle Erfahrungen mit der Installation der kos...

Detaillierte Erklärung des Unterschieds zwischen $router und $route in Vue

Wir verwenden normalerweise Routing in Vue-Projek...

MySQL: Datenintegrität

Die Datenintegrität wird in Entitätsintegrität, D...

mysql5.7.21 UTF8-Kodierungsproblem und -Lösung in der Mac-Umgebung

1. Ziel: Ändern Sie den Wert des character_set_se...

Mehrere Möglichkeiten zum Ändern des MySQL-Passworts

Vorwort: Bei der täglichen Verwendung der Datenba...

Verstehen Sie kurz die MySQL-Datenbankoptimierungsphase

Einführung Haben Sie schon einmal eine Situation ...

Centos8.3, Docker-Bereitstellung, Springboot-Projekt, tatsächliche Fallanalyse

Einführung Derzeit ist k8s sehr beliebt und ich h...