Border(Rand) kleiner größer machen?

  • Hallo,
    ich hätte eine frage da ich neu bin in html...
    wie mach ich den Rand kleiner also den Border wie ich ihn breiter machen kann weis ich aber wie mach ich den so hoch oder niedriger? bitte help :/

  • Naja musst du wissen.
    Für den Anfang nicht schlecht nur mir dauert es ein bisschen zulange für so ein kleinen Rahmen bzw. paar unterschiede.
    Versuch doch einfach mal eine schöne Homepage zu machen, sofern du fragen hast schau bei selfhtml (Top) oder frag hier einfach im Forum :P

  • Simpler Rahmen um den Text (TR/TD um eine Tabelle zu erstellen):


    Code
    1. <table border=1>
    2. <tr><td>
    3. Startseite
    4. </td></tr>
    5. </table>


    Um den Rahmen "verschwinden" zu lassen, stellst du den table border auf 0:


    Code
    1. <table border=0>
    2. <tr><td>
    3. Startseite
    4. </td></tr>
    5. </table>


    Um den Rahmen dicker zu machen, erhöhst du die Zahl bei table border:


    Code
    1. <table border=4>
    2. <tr><td>
    3. Startseite
    4. </td></tr>
    5. </table>


    Höhen/Breiten-Verstellung:


    Erfolgt mit "padding-*****"


    ****** kann durch right, left, top, bottom ersetzt werden


    Code
    1. <div style="border-width: 1cm; border-style: solid; padding-right: 10px; padding-left:100px; padding-top:50px; padding-buttom:30px;">
    2. Startseite
    3. </div>


    Natürlich muss es nicht im <div>-Tag gemacht werden. Du kannst es auch im <p>-Tag machen:


    Code
    1. <p style="padding-top:100px; border:thick solid black;">Textabsatz mit sichtbarem Rahmen und
    2. mit Innenabstand 100px oben</p>


    Hoffe ich konnte dir helfen