Kuidas luua piir kumerate servade Kasutades HTML

Võid panna ümmargused piirid oma kodulehel kasutades lihtsaid HTML tabeleid ja pilte.See võimaldab teil luua piirivalve ümarate servadega ümber mingi suuruste tabelit, kuskil saidil.Kõik, mida vajame, on lihtne graafika programm nagu Paint, Kirjastus või Adobe Design, ja saate teha oma kodulehel vaadata professionaalsemaks ei aja.

, mida te vajate

  • Graafika programmi
  • Koduleht

Juhised

  1. Open graafikaprogrammi (antud juhul me kasutame Paint).Vali ümardatud nurkadega ristkülik ikoon ja seejärel valige värvi oma laua või sisu ala.Joonista ristkülik ümber piire.Seejärel täida see sama värvi.Lõigake nurgad kasutades "Vali" tööriista.Säästa igaüks kasutada teist nime: r-BRD-top.jpg, l-BRD-top.jpg, r-BRD-bot.jpg ja l-BRD-bot.jpg.

  2. Loo tabel, mis hoiab oma sisu, mis cellpadding ja Cellspacing seatud "0" ja taustavärv määratud sama oma pilte.Tehke üleval paremas piiri pilti (lõigatud ristkülik) esimeses veerus.Suuruse määramine isegi nurgad: & lt; tabel Ce

    llspacing = "0" cellpadding = "0" bgcolor = "color-of-oma-round-piiride" & gt; & lt; tr & gt; & lt; td width = 15 height = 15 & gt; & lt; img src = "l-BRD-top.jpg" & gt ;.Siis lisada veel & lt; td & gt;tag ja määrata laiuse sees ala tabeli selle tag: & lt; td width = 150 & gt ;.Sinu sisu läheb Selles veerus järgmisel real.

  3. Lisa paremal piiri järgmine veerg: & lt; td width = 15 height = 15 & gt; & lt; img src = "r-BRD-top.jpg" & gt;ja seadke laiuse ja kõrguse kolonni kontrollida kuju piire.Veenduge, et teie pilt on piisavalt suur, et täita seda kuju.Brauser katkestas alumises paremas pildi osa, kui see on liiga suur.

  4. Lisa järgmine rida ja seejärel luua tühja & lt; td & gt;veerus mille laius ei ületa 15 pikslit ainena td width = 15 & gt ;.Lisa veel kolonnis, kasutades ainena td & gt;tag: & lt; td & gt;Sinu sisu läheb siin .... & lt; / td & gt ;.Siis Leiti teise kolonni (all paremal pool pilt), hoides ainena td width = 15 height = 15 & gt;tag.Lõpetage see rida ja siis lõpetada oma laua abil nurgas pildid samamoodi.

  5. Lisa alumistes nurkades tabelis on & lt; td & gt;sildid nagu tegite top.Tee viimases reas, ja sisestada Vasakus allnurgas esimeses veerus: & lt; td width = 15 height = 15 & gt; & lt; img src = "l-BRD-bot.jpg" & gt ;.Siis lisada veel veeru laiust seate teises veerus up top.& lt; td width = 150 & gt ;.

  6. Lisa viimases nurgas olevasse tabelisse järgmine veerg: & lt; td width = 15 height = 15 & gt; & lt; img src = "r-BRD = bot.jpg" & gt ;.

Resources

  • Round piirid CSS
  • Round piirneb HTML
905
0
1
Web Design