Skip to content
HTML.dk logo
  • Snippets
  • Tutorials
    • Lav din egen hjemmeside
    • Tjene penge på nettet
    • Guide til HTML
    • Guide til CSS
    • Artikler
  • Nyheder
  • Bidrag til sitet
Søgning

Citat styling med CSS

  • HTML.dk
  • 26. juni 202026. juni 2020
  • CSS snippets

Vil du gerne have dine citater til at stå lidt mere frem, end blot de muligheder du har med fed og kursiv? Så kan du med nedenstående CSS styling lave en lækker <blockquote> styling.

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
}
blockquote p {
    display: inline;
}

Denne snippet blev indsendt af PureStyle.dk


Huskeregler til kodning af webshop
Sådan finder du den bedste og billigste husforsikring

Seneste artikler

  • Internet teknologierne – hvad findes der?
  • Træpiller som en bæredygtig og miljøvenlig kilde til energi
  • Sådan finder du de rette rammer for din virksomhed
  • 4 fede WordPress funktioner din hosting-udbyder bør have
  • Få styr på mærkaterne og slip for tidsspild

Mere fra HTML.dk

  • Alle snippets 24
  • Artikler 95
  • CSS snippets 13
  • HTML snippets 4
  • jQuery / JavaScript snippets 6
  • Nyheder 19
  • Scripts 2
  • Tutorials 7
  • Uncategorized 6
  • WordPress snippets 1

Kontakt

HTML.dk
Ceres Allé 7
Aarhus C
Skriv til os

Links

Om HTML.dk
Skriv til os!
Send et bidrag
Nyheder
Snippets

Nyt indhold fra HTML.dk

  • Internet teknologierne – hvad findes der?
  • Træpiller som en bæredygtig og miljøvenlig kilde til energi
  • Sådan finder du de rette rammer for din virksomhed
  • 4 fede WordPress funktioner din hosting-udbyder bør have
  • Få styr på mærkaterne og slip for tidsspild
  • Skab en hyggelig atmosfære med en biopejs

HTML logo big