160 likes | 314 Views
Ripasso. Proprietà del testo. body { font-family: Verdana, Geneva, Arial, sans-serif; }. Ciao. Ciao. sans-serif. serif. body { font-size: 14px; }. px em % xx-small x-small small medium large x-large xx-large. Proprietà del testo. Proprietà del testo. body {
E N D
Proprietà del testo body { font-family: Verdana, Geneva, Arial, sans-serif; } Ciao Ciao sans-serif serif
body { font-size: 14px; } px em % xx-small x-small small medium large x-large xx-large Proprietà del testo
Proprietà del testo body { color: silver; } body { color: #C0C0C0; } body { color: rgb(192,192,192); }
body { font-weight: bold; } lighter normal bold bolder Proprietà del testo
body { text-decoration: underline; } none underline overline line-through blink Proprietà del testo
body { font-style: italic; } italic oblique Proprietà del testo
body { border-width: 1px; border-style: solid; border-color: #cc00cc; } Bordo body { border: 1px solid #cc00cc; }
body { border-width: 1px; border-style: solid; border-color: #cc00cc; } Border width px thin medium thick Bordo body { border: 1px solid #cc00cc; }
body { border-width: 1px; border-style: solid; border-color: #cc00cc; } Border style solid dotted double groove outset dashed inset ridges Bordo body { border: 1px solid #cc00cc; }
p { background-color: yellow; border: 2px solid blue; padding: 30px; margin: 30px; } Padding vs Margin
Background body { background-image: url(img/haha.jpg); }
Background body { background-image: url(img/haha.jpg); background-repeat: no-repeat; }
Background body { background-image: url(img/haha.jpg); background-repeat: no-repeat; background-position: top right; }
p { text-align: justify; } left right center justify New Proprità del testo
New Proprità del testo p { text-indent: 30px; text-align: justify }