Comment arrondir les angles des tableaux ?
Résolu
kroospy
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
bonjour,
je debute dans le langage html et voudrais savoir comment arrondir un tableau. que faut il mettre et ou, voici mes fichiers :
dans le fichier html :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet"href="style2.css"/>
<title>Titre</title>
</head>
<body>
<div class="Tableau">
<p class="legende">
<span class="col1">Légende 1</span>
<span class="col2">Légende 2</span>
<span class="col3">Légende 3</span>
<span class="col4">Légende 4</span>
</p>
<p>
<span class="col1">Case 1.1</span>
<span class="col2">Case 1.2</span>
<span class="col3">Case 1.3</span>
<span class="col4">Case 1.4</span>
</p>
<p>
<span class="col1">Case 2.1</span>
<span class="col2">Case 2.2</span>
<span class="col3">Case 2.3</span>
<span class="col4">Case 2.4</span>
</p>
<p>
<span class="col1">Case 3.1</span>
<span class="col2">Case 3.2</span>
<span class="col3">Case 3.3</span>
<span class="col4">Case 3.4</span>
</p>
</div>
</body>
</html>
dans le fichier css :
.Tableau span {
display:inline;
float:left;
border:1px solid #99CC66;
margin:0px;
padding:3px;
}
.Tableau p {
clear:left;
margin:100px;
padding:0px;
height:120% !important; height:1em;
}
.Tableau p.legende {font-weight:bold}
.Tableau span.col1 {width:70px}
.Tableau span.col2 {width:120px}
.Tableau span.col3 {width:95px}
.Tableau span.col4 {width:140px}
je debute dans le langage html et voudrais savoir comment arrondir un tableau. que faut il mettre et ou, voici mes fichiers :
dans le fichier html :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet"href="style2.css"/>
<title>Titre</title>
</head>
<body>
<div class="Tableau">
<p class="legende">
<span class="col1">Légende 1</span>
<span class="col2">Légende 2</span>
<span class="col3">Légende 3</span>
<span class="col4">Légende 4</span>
</p>
<p>
<span class="col1">Case 1.1</span>
<span class="col2">Case 1.2</span>
<span class="col3">Case 1.3</span>
<span class="col4">Case 1.4</span>
</p>
<p>
<span class="col1">Case 2.1</span>
<span class="col2">Case 2.2</span>
<span class="col3">Case 2.3</span>
<span class="col4">Case 2.4</span>
</p>
<p>
<span class="col1">Case 3.1</span>
<span class="col2">Case 3.2</span>
<span class="col3">Case 3.3</span>
<span class="col4">Case 3.4</span>
</p>
</div>
</body>
</html>
dans le fichier css :
.Tableau span {
display:inline;
float:left;
border:1px solid #99CC66;
margin:0px;
padding:3px;
}
.Tableau p {
clear:left;
margin:100px;
padding:0px;
height:120% !important; height:1em;
}
.Tableau p.legende {font-weight:bold}
.Tableau span.col1 {width:70px}
.Tableau span.col2 {width:120px}
.Tableau span.col3 {width:95px}
.Tableau span.col4 {width:140px}
A voir également:
- Tableau bord arrondi word
- Tableau word - Guide
- Word 2013 - Télécharger - Traitement de texte
- Tableau ascii - Guide
- Espace insécable word - Guide
- Word et excel gratuit - Guide
j'ai fais un tour sur ton lien et je trouve qu'il est très intéressant et m'a apporté beaucoup dans mon problème de concevoir les tableaux.
Merci