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

UrlRewriter-Caching-Probleme und eine Reihe damit verbundener Untersuchungen

Beim Entwickeln einer Website-Funktion kann der S...

Ein kurzer Überblick über CSS3-Pseudoklassenselektoren

Vorwort Wenn CSS die Grundfertigkeit der Front-En...

Reacts Methode zur Realisierung einer sekundären Verknüpfung

In diesem Artikel wird der spezifische Code von R...

Linux entfernt node.js vollständig und installiert es über den Befehl yum neu

erster Schritt Einmaliges Löschen mit der integri...

Detaillierte Erläuterung zur Verwendung der WeChat-Miniprogrammkarte

In diesem Artikelbeispiel wird der spezifische Im...

So bereinigen Sie Daten in einer MySQL-Onlinedatenbank

Inhaltsverzeichnis 01 Szenarioanalyse 02 Funktion...

So verwenden Sie Nginx zum Simulieren der Canary-Freigabe

Dieser Artikel stellt die Blue-Green-Bereitstellu...

Ubuntu 18.04 erhält Root-Berechtigungen und meldet sich als Root-Benutzer an

Vorab geschrieben: In den folgenden Schritten müs...

So verwenden Sie reguläre Ausdrucksabfragen in MySql

Reguläre Ausdrücke werden häufig verwendet, um Te...

CSS-Layout-Tutorial: So erreichen Sie eine vertikale Zentrierung

Vorwort Ich habe kürzlich mein Front-End-Wissen z...

So ändern Sie den MySQL-Zeichensatz

1. Überprüfen Sie den Zeichensatz von MySQL Varia...