Žiurint kokį būdą pasirinksii. Naudojant paprasčiausią, tik css būdą, turėsi naršyklių suderinamumo problemų arba pats kodas nebus visiškai paprastas (
www.spiffycorners.com/index.php?sc=spiff...fg=b20000&sz=5px).
Itin dažnas būdas, naudojant tris div, ir dešinį-kairį užapvalalintus paveikslėlius (bet fiksuotas aukštis) arba viršutinį-apatinį, bet fiksuoto pločio bloko.
html atrodys:
<div>
<div>
<div>
tekstas
</div>
</div>
</div>
css:
div {
//uzapvaliame virsu
}
div div {
//centra
}
div div div{
//apacia
}
(jei reikia aiškesnio pvz. rašyk).
Pastaba:
Naudojama butent toks html, o ne
<div class="top"></div>
<div class="middle"></div>
<div class="bottom"></div>
kadangi jis suteikia daugiausiai kontroles
Bet itin lankstus, ganetinai paprastas budas, yra naudoti jQuery:
malsup.com/jquery/corner/