Aidenet - Cadre (bordure) en couleur autour d'une page avec seulement le code css / 70a1

CSS
Feuilles de style

Cadre couleur autour
de la page

Page - 70a1

applications CSS et DHTML

Voici comment réaliser un cadre uni et les options possibles

</HEAD><STYLE TYPE="text/css">
body
{background-color: #CCCCCC ; }#conteneur { font-family: arial, verdana, sans-serif ;
text-align: justify ; font-size: 10pt ; color: black ;
background-color: #FFFFFF ;
width: 95% ; padding: 15px ; }

a:link { font-weight:bold ; color: black ; }
a:visited {color: black ; }
a:hover { color: red ; text-decoration: none ; }
</STYLE></HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#9900FF" ALINK="#0000FF">
<center>
<div id="conteneur">
... / ... contenu normal ... </center>
</BODY>
</HTML>

Pour obtenir une meilleure présentation, n'hésitez pas à ajuster les couleurs des bandes de défilement (scroolbars), en conservant juste un petit contraste pour faciliter leur utilisation.

Vous définissez en premier avec BODY la couleur de fond de votre page, ici en gris clair = background-color: #CCCCCC ;

Ensuite avec le code du CONTENEUR vous définissez ensuite la largeur ce qui va laisser une bordure de la différence entre la page normale et son conteneur. Les autres définitions de police et couleurs... sont habituelles. Par contre pour ne pas que le texte colle au bord du conteneur vous pouvez fixer une valeur de PADDING, ici 15px.

Pour centrer le conteneur il en reste plus qu'à placer les balises <center> et </center> comme indiqué en rouge.

Sommaire applications ... @ ... Sommaire CSS