samedi 5 mai 2012

CSS EXAMPLES

CSS - Background Color

<html>
<head>
<style type="text/css">
body
{
background-color:#b0c4de;
}
</style>
</head>

<body>

<h1>My CSS web page!</h1>
<p>WEBCLARIFY</p>

</body>
</html>

CSS - Background Image

<html>
<head>
<style type="text/css">
body {background-image:url('bgdesert.jpg');}
</style>
</head>

<body>
<h1>Hello World!</h1>
<p>This text is not easy to read on this background image.</p>
</body>

</html>

CSS - Text Decoration

<html>
<head>
<style type="text/css">
a {text-decoration:none;}
</style>
</head>

<body>
<p>Link to: <a href="http://c-lien.blogspot.com/?aHR0cDovL3dlYmNsYXJpZnkuYmxvZ3Nwb3QuY29tLw==">WEBCLARIFY</a></p>
</body>

</html>

CSS - Font Style

<html>
<head>
<style type="text/css">
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
</style>
</head>

<body>
<p class="normal">This is a paragraph, normal.</p>
<p class="italic">This is a paragraph, italic.</p>
<p class="oblique">This is a paragraph, oblique.</p>
</body>

</html>

NOTE: click above button,copy the codes and paste it in CSS box and hit hit RUN

Aucun commentaire:

Enregistrer un commentaire