#1 2013-09-20 14:15:58

Miklfe
Membre
Sarthe
2010-11-13
364

coins arrondi

comme dirait ma grand-mère: "c'tait ben mieux avant!". à vous de juger
Pour faire des coins arrondis on fait (on faisait):
html

Code:

<div class="box">
  <div class="top_left"></div>
  <div class="top_right"></div>
  <div class="content">Ceci est un exemple</div>
  <div class="bottom_left"></div>
  <div class="bottom_right"></div>
</div>

le css

Code:

.box { width: 250px; background-color: #00FF00; }
.box .top_left, .box .top_right, .box .bottom_left, .box .bottom_right { height: 19px; background-repeat: no-repeat; }
.box .top_left { width: 19px; float: left; background-image: url("corner_top_left.gif"); }
.box .top_right { background-image: url("corner_top_right.gif"); background-position: right; }
.box .bottom_left { width: 19px; float: left; background-image: url("corner_bottom_left.gif"); }
.box .bottom_right { background-image: url("corner_bottom_right.gif"); background-position: right; }
.box .content { background-color: #FF0000; }

Hors ligne

 

#2 2013-09-21 19:00:03

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3556

Re: coins arrondi

heureusement que le CSS3 est passé par là :-)

et bientôt ou pourra même mettre des images en bordure, et dégradés, c'est beau la technologie

Hors ligne

 

#3 2013-09-22 12:41:44

Miklfe
Membre
Sarthe
2010-11-13
364

Re: coins arrondi

Je dis peut-être une ânerie, mais le css c'est le langage qui a le plus évolué en 10 ans.

Hors ligne

 

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2019 · Contact