Personalizzare il TAG Blockquote Con i CSS
Posted by Santarelli Luca | Filed under Programmazione Web
blockquote
In questa sezione voglio dare dei chiarimenti su come creare e modificare il tag blockquote e personalizzarlo con il solo uso dei css, senza ricorrere ad immagini esterne, ma solo con delle regole ben formate. Il codice è semplicissimo, e basta includerlo nel foglio di stile che state creando o direttamente nel HTML con i Tag <STYLE>.
blockquote {
margin: 40px;
padding: 10px;
background-color: #FFF;
quotes: “201C” “201D”;
border-left:2px solid #3C78A7;
border-right:2px solid #3C78A7;
}
blockquote:before { content: open-quote; font-weight: bold; font-size:4em;}
blockquote:after { content: close-quote; font-weight: bold; font-size:4em;}
La parte veramente interessante è quotes: “201C” “201D” infatti grazie a questa istruzione il nostro browser individua i doppi apici, renderizzandoli a video, dove 201C rappresentano gli apici aperti e di conseguenza quelli chiusi 201D , il risultato è osservabile direttamente dalle blockquote che contendono il codice appena commentato.
No related posts.
Articoli correlati elaborati dal plugin Yet Another Related Posts.
Scritto da Santarelli Luca martedì, 16th dicembre , 2008 23:28 Letture:« Grandi poteri… grandi effetti collaterali | Cloud Computing,Wellcome in the Wired »
blogflux
...
...
