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

  • Løsningen på bekymringer om privatliv på søgemaskiner
  • Sådan bliver du anonym på internettet
  • SEO baner vejen til mere online synlighed
  • Bliv selvstændig som studerende
  • Find mobilabonnementer her med Mobilabo

Mere fra HTML.dk

  • Alle snippets 24
  • Artikler 75
  • CSS snippets 13
  • HTML snippets 4
  • jQuery / JavaScript snippets 6
  • Nyheder 14
  • Scripts 1
  • Tutorials 7
  • Uncategorized 2
  • 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

  • Løsningen på bekymringer om privatliv på søgemaskiner
  • Sådan bliver du anonym på internettet
  • SEO baner vejen til mere online synlighed
  • Bliv selvstændig som studerende
  • Find mobilabonnementer her med Mobilabo
  • Optimer dine daglige processer med et automatiseret lønsystem

HTML logo big