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

Vue implementiert die Seiten-Caching-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung der Desktop-Anwendung mit Vue3 und Electron

Inhaltsverzeichnis Vue CLI erstellt ein Vue-Proje...

Detaillierte Erklärung zur Verwendung von Echarts-Maps in Angular

Inhaltsverzeichnis Initialisierung von Echart App...

Native JS-Canvas zum Erzielen einer einfachen Schlange

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

JavaScript zum Erzielen eines einfachen Drag-Effekts

In diesem Artikel wird der spezifische JavaScript...

So löschen Sie den in Docker erstellten Container

So löschen Sie den in Docker erstellten Container...

Eine kurze Diskussion über React Native APP-Updates

Inhaltsverzeichnis App-Update-Prozess Grobes Flus...

6 praktische Tipps für die TypeScript-Entwicklung

Inhaltsverzeichnis 1. Bestimmen Sie den Entitätst...

Teilen Sie 9 Linux Shell Scripting Tipps für die Praxis und Interviews

Vorsichtsmaßnahmen 1) Interpreter am Anfang hinzu...

So betten Sie Dateien im Flash-Videoformat (FLV, SWF) in HTML-Dateien ein

Flash-Dateiformate: .FLV und .SWF Für das Flash-Vi...

Tutorial zur HTML-Tabellenauszeichnung (48): CSS-modifizierte Tabelle

<br />Sehen wir uns nun an, wie Sie die CSS-...