|
tableau 1
ligne
TABLEAU 2
Le style avec 2 div a été créé en haut (gras)
Pour appliquer le style , on met dans le div
class="nom_du style "
Cet exemple comporte 2 div différentes
( styles créés sur le site http://enjoycss.com ,
suivre les conseils ici
)
modifications possibles:
|
<style type="text/css">
.enjoy-css { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 150px; border: 2px solid rgba(0,150,255,0.91); -webkit-border-radius: 10px; border-radius: 10px;
font: normal 14px/1 "Times New Roman", Times, serif;
color: rgba(0,0,0,1); -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.enjoy-css2 {border-radius: 23px 5px 5px 5px; -moz-border-radius: 23px 5px 5px 5px; -webkit-border-radius: 23px 5px 5px 5px; border: 2px solid #800000;}
</style>
<div class="enjoy-css" style="text-align: center;">tableau 1<br />
<br />
<br />
<br />
<br />
ligne<br />
<br />
</div>
<div class="enjoy-css2" style="text-align: center;">TABLEAU 2<br />
<br />
<br />
<br />
</div>
|
le style est intégré dans le div |
<div style=" -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 150px; border: 2px solid rgba(0,150,255,0.91); -webkit-border-radius: 10px; border-radius: 10px;
-o-text-overflow:=" "="" ellipsis;="" text-overflow:="" ellipsis"="">
tableau 1<br>
<br>
<br>
<br>
<br>
ligne<br>
<br>
</div> |
Ci dessous :les styles sont intégrés dans desbalises fieldset
avec en plus un titre ( balise legend )
J'ai repris les mêmes styles ( j'ai supprimé la ligne correspondant à FONT ) |
<fieldset style=" -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 150px; border: 2px solid rgba(0,150,255,0.91); -webkit-border-radius: 10px; border-radius: 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis;">
<legend><span>  Titre1</span> </legend>
<p>texte</p>
<p> </p>
</fieldset>
<fieldset style="border-radius: 23px 5px 5px; border: 2px solid rgb(128, 0, 0); background-color: rgb(255, 255, 255);">
<legend><span>  Titre2</span> </legend>
<p>texte</p>
<p> </p>
</fieldset> |
Date de création : 11/03/2016 : 08:49
Dernière modification : 01/04/2016 : 08:51
Catégorie : ENT - CSS
Imprimer l'article
|
|