Table border left and bottom

Question

I need to create border as per the below example    HTML     lt table width  770  gt     lt tr gt       lt td gt picture  border only to the left and bottom    lt  td gt       lt td gt text lt  td gt     lt  tr gt     lt tr gt       lt td gt text lt  td gt       lt td gt picture  border only to the left and bottom   lt  td gt     lt  tr gt   lt  table gt

User · Answer

You need to use the border property as seen here: 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;
}

User · Answer

you can use these 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     with this you want u must use    lt td style  border-left  1px solid  cdd0d4 border-bottom  1px solid  cdd0d4   gt      or   lt img style  border-left  1px solid  cdd0d4 border-bottom  1px solid  cdd0d4   gt

User · Answer

Give a class  border-lb and give this CSS   border-lb  border  1px solid  ccc  border-width  0 0 1px 1px     And the HTML   lt table width  770  gt     lt tr gt       lt td class  border-lb  gt picture  border only to the left and bottom    lt  td gt       lt td gt text lt  td gt     lt  tr gt     lt tr gt       lt td gt text lt  td gt       lt td class  border-lb  gt picture  border only to the left and bottom   lt  td gt     lt  tr gt   lt  table gt    Screenshot    Fiddle  http   jsfiddle net FXMVL

[html] Table border left and bottom

Examples related to html

Examples related to html-table