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

So verstehen Sie den Unterschied zwischen ref toRef und toRefs in Vue3

Inhaltsverzeichnis 1. Grundlagen 1.Referenz 2. to...

Zusammenfassung der Kenntnisse und der Verwendung von Linux-VI-Befehlen

Detaillierte Erklärung des Linux-Befehls vi Der v...

Bedingte Kommentare im Internet Explorer für XHTML

<br />Bedingte Kommentare sind eine einzigar...

Neunundvierzig JavaScript-Tipps und Tricks

Inhaltsverzeichnis 1. Betrieb von js Integer 2. S...

Vue implementiert kleine Suchfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Einführung in Kubernetes (k8s)

Ich wollte schon immer Kubernetes lernen, weil es...

Detaillierte Erläuterung der Angular-Routing-Grundlagen

Inhaltsverzeichnis 1. Routing-bezogene Objekte 2....

Detaillierte Erklärung der MySQL-Dreiwertelogik und NULL

Inhaltsverzeichnis Was ist NULL Zwei Arten von NU...