Les bordures du tableau à gauche et en bas

J'ai besoin de créer des frontières conformément à l'exemple ci-dessous.

HTML:

<table width="770">
  <tr>
    <td>picture (border only to the left and bottom ) </td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>picture (border only to the left and bottom) </td>
  </tr>
</table>

OriginalL'auteur Graig | 2013-01-26

  1. 15

    vous pouvez utiliser ces styles: 

    style="border-left: 1px solid #cdd0d4;"  
style="border-bottom: 1px solid #cdd0d4;"
style="border-top: 1px solid #cdd0d4;"
style="border-right: 1px solid #cdd0d4;"

    avec ce que vous voulez u doit utiliser 

    <td style="border-left: 1px solid #cdd0d4;border-bottom: 1px solid #cdd0d4;">

    ou

    <img style="border-left: 1px solid #cdd0d4;border-bottom: 1px solid #cdd0d4;">

    OriginalL'auteur masih arastooyi

  2. 4

    Donner une classe .border-lb et de donner à cette CSS

    .border-lb {border: 1px solid #ccc; border-width: 0 0 1px 1px;}

    Et le HTML

    <table width="770">
  <tr>
    <td class="border-lb">picture (border only to the left and bottom ) </td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td class="border-lb">picture (border only to the left and bottom) </td>
  </tr>
</table>

    Capture d'écran

    Les bordures du tableau à gauche et en bas

    Violon: http://jsfiddle.net/FXMVL/

    Merci c'est exactement ce dont j'ai besoin. Je devrais avoir mentionné que je suis newby. J'ai vérifié le lien, mais ne reçoivent pas comment faire (désolé) @Praveen Kumar : dois-je créer un nouveau fichier css et ajouter: .frontière-lb {border: 1px solid #ccc; border-width: 0 0 1px 1px;} Ensuite le code html dans mon <body> ?
    Si vous avez déjà une feuille de style, vous pouvez les ajouter. Sinon, ajouter dans la <style> partie à l'intérieur de la <head> tag.

    OriginalL'auteur Praveen Kumar Purushothaman

  3. 0

    Vous devez utiliser la propriété border comme on le voit ici: jsFiddle

    HTML:

    <table width="770">
    <tr>
        <td class="border-left-bottom">picture (border only to the left and bottom ) </td>
        <td>text</td>
    </tr>
    <tr>
        <td>text</td>
        <td class="border-left-bottom">picture (border only to the left and bottom) </td>
    </tr>
</table>`

    CSS:

    td.border-left-bottom{
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
}

    OriginalL'auteur symlink