Examples of CSS elements

Paragraph Tag...

Standard Paragraph Tag...

Source Code

<HTML> <HEAD> <TITLE>WebFlex 1.5 - Cascading Style Sheets</TITLE> <STYLE TYPE="text/css"> BODY { background: #999999 url(../images/bg-5.gif); background-attachment: fixed; background-position: 5 5; } H1.grid { color: bbbbbb} H1.grid { font-family: verdana,arial } H1.grid { background-image: url(../images/bg-32.gif)} H1.grid { padding: 10 } H1.grid { margin: 10 } H1.grid { border-top: solid 0.2em #333333 } H1.grid { border-left: solid 0.2em #333333 } H1.grid { border-right: solid 0.2em #666666 } H1.grid { border-bottom: solid 0.2em #666666 } P.water { font-size: 14pt } P.water { line-height: 100% } P.water { font-family: arial } P.water { font-variant: normal } P.water { font-style: normal} P.water { color: white} P.water { background-image: url(../images/bg-24.gif)} P.water { margin: 50 } P.water { padding: 20 } P { font-size: 20pt } P { line-height: 150% } P { font-family: arial } P { color: blue} P { font-variant: normal } P { font-style: normal } UL.rainbow { background-image: url(../images/bg-13.gif) } UL.rainbow { padding: 5 } UL.rainbow { margin: 5 } UL.rainbow { font-size: 8pt } UL.rainbow { color: blue} UL.rainbow { font-family: arial } LI.space { font-size: 18pt } LI.space { line-height: 90% } LI.space { font-family: arial } LI.space { font-variant: normal } LI.space { font-style: bold } LI.space { color: white} LI.space { background-image: url(../images/bg-6.gif) } LI.space { margin: 2} LI.space { padding: 20 } </STYLE> </HEAD> <BODY> <H1 class=grid> Examples of CSS elements </H1 class=grid> <P class=water> Paragraph Tag... </P class=water> <P> Standard Paragraph Tag... </P> <UL class=rainbow> Unordered List Tag... <LI class=space> List Item Tag... </LI class=space> <P class=water> Paragraph Tag... (repeat) </P class=water> </UL class=rainbow> </BODY> </HTML>