1
Ripasso
Proprietà del testo
body {
font-family: Verdana, Geneva, Arial, sans-serif;
}
Ciao Ciao
sans-serif serif
3
body {
font-size: 14px;
}
px
em
%
xx-small
x-small
small
medium
large
x-large
xx-large
Proprietà del testo
body {
color: silver;
}
body {
color: #C0C0C0;
}
body {
color: rgb(192,192,192);
Proprietà del testo
5
body {
font-weight: bold;
}
lighter
normal
bold
bolder
Proprietà del testo
body {
text-decoration: underline;
}
none
underline
overline
line-through
blink
Proprietà del testo
7
body {
font-style: italic;
}
italic
oblique
Proprietà del testo
Bordo
body {
border-width: 1px;
border-style: solid;
border-color: #cc00cc;
}
body {
border: 1px solid #cc00cc;
}
9
Bordo
body {
border-width: 1px;
border-style: solid;
border-color: #cc00cc;
}
body {
border: 1px solid #cc00cc;
}
Border width
px
thin
medium
thick
Bordo
body {
border-width: 1px;
border-style: solid;
border-color: #cc00cc;
}
body {
border: 1px solid #cc00cc;
}
Border style
solid
dotted
double
groove
outset
dashed
inset
ridges
11
Padding vs Margin
p {
background-color: yellow;
border: 2px solid blue;
padding: 30px;
margin: 30px;
}
Background
body {
background-image: url(img/haha.jpg);
}
13
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;
}
15
