Piwigo.org

Miklfe · 2013-09-20 14:15:58

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; }

mistic100 · 2013-09-21 19:00:03

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

Miklfe · 2013-09-22 12:41:44

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

Piwigo.org

Annonce

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

coins arrondi

Code:

Code:

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

Re: coins arrondi

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

Re: coins arrondi

Pied de page des forums