Atributele background, color, font-family, font-size:
<div type="text/css" style="background:red; color:yellow; font-family:cursive; font-size:20pt">
text ... text
</div>
text ... text text ... text text ... text text ... text text ... text text ... text
Atributele font-style, font-weight:
<div type="text/css" style="background:yellow; color:green; font-family:monospace;
font-size:20pt; font-style:italic; font-weight:bold">
text ... text
</div>
text ... text text ... text text ... text text ... text text ... text text ... text
Atributul line-height:
<font type="text/css" style="background:yellow; color:green; font-family:serif;
font-size:20px; line-height:30px">
text ... text
</font>
cu ajutorul fondului galben puteti urmari spatiul dintre randuri dat de line-height
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
Codul de mai sus este echivalent cu (prescurtat):
<font type="text/css" style="background:yellow; color:green; font-family:serif;
font:20px/30px">
text ... text
</font>
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
<font type="text/css" style="color:green; font-family:serif;
font-size:20px; line-height:10px">
text ... text
</font>
textul este putin suprapus
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
Atributele margin-left, margin-right, margin-top:
<div type="text/css" style="color:green; font-family:sans-serif;
font-size:20px;margin-left:100px; margin-right:100px; margin-top:50px">
text ... text
</div>
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
Atributele text-align, text-decoration, text-indent:
<div type="text/css" style=" font-family:fantasy; font-size:20px; margin-left:100px;
margin-right:100px; text-align:justify; text-decoration:underline; text-indent:40px">
text ... text
</div>
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
Atributele border-style, border-color, border-width:
<p type="text/css" style="background:yellow; color:blue; font-size:14pt;
border-style:groove; border-width:0.15in; border-color:red">
text ... text
</p>
text ... text text ... text text ... text text ... text
<p type="text/css" style="text-indent:30px; border-style:dotted">
text ... text
</p>
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
text ... text text ... text text ... text text ... text text ... text text ... text text ... text
p type="text/css" style="background:yellow; border-style:dashed"
p type="text/css" style="background: yellow; color: blue;
border-style: solid; border-width: 0.15in; border-color: red"
p type="text/css" style="background: yellow; color: blue;
border-style: double; border-width: 0.15in; border-color: red"
p type="text/css" style="background: yellow; color: blue;
border-style: ridge; border-width: 1cm; border-color: blue"
p type="text/css" style="background: yellow; color: blue;
border-style: inset; border-width: 0.15in; border-color: red"
p type="text/css" style="background: yellow; color: blue;
border-style: outset; border-width: 0.15in; border-color: red"
BluePink