[W3C] Debutant en feuille de style

**darkwhite** · 25/09/2006, 07h07

Salut a tous je suis debutant en HTML.
Je veux faire un feuille de style avec une bordure bleu, j'ecris donc sa:

<Style name="style1">
h3{width:70%;background-color: gold;color: black;height: 100%;
border-color:#000ff;border-top-width: medium; border-right-width: medium;
border-left-width: medium; border-bottom-width:medium; }
</style>

Or tout s'affiche sauf la bordure

Voila merci d'avance
a+

**balu** · 25/09/2006, 07h57

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
h3 {
  border: medium solid #00f; /*** bordure bleue ***/
  background: #ffdead;
  color: #000;
  width: 70%;
  height: 100%;
}

**marabout** · 25/09/2006, 09h02

D'accord avec Balu sauf que si tu veux être sur de tes couleurs, le code hexadécimal doit contenir 6 caractères (0000FF pour du bleu !)

**Bisûnûrs** · 25/09/2006, 10h01

Envoyé par marabout

D'accord avec Balu sauf que si tu veux être sur de tes couleurs, le code hexadécimal doit contenir 6 caractères (0000FF pour du bleu !)

On peut n'utiliser que trois caractères

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
noir   : #000
blanc  : #fff
rouge  : #f00
bleu   : #00f
vert   : #0f0
jaune  : #ff0
violet : #0ff
 
etc ...

**marabout** · 25/09/2006, 11h04

Envoyé par BisounoursJos

On peut n'utiliser que trois caractères

Vas un peu plus loin dans ton explication car cela ne fonctionne pas sur IE (je n'ai malheureusement pas d'autres browser sous la main pour l'instant) et je ne trouve pas cela dans la doc du W3C...

**MasterOfChakhaL** · 25/09/2006, 11h12

Si si

La définition des couleurs avec trois caractères fait bien partie de la spéc du w3c

**Auteur** · 25/09/2006, 11h32

Envoyé par balu

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
h3 {
  border: medium solid #00f; /*** bordure bleue ***/
  background: #ffdead;
  color: #000;
  width: 70%;
  height: 100%;
}

le tout encadré des balises style et placé dans le head de la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
h3{
 
}
 
//-->
</style>
 
</head>
 
<body>
...........
</body>
 
</html>

[W3C] Debutant en feuille de style

HTML

Vue hybride

Discussions similaires

Partager

Partager