Как сделать границу только для последнего столбца таблицы?

[Konstantin555]

Есть табличка, состоящая из столбцов Фото, Описание, Цена
Нужно выделить столбец Цена, иными словами - поставить вертикальную линию перед данным столбцом.. вот только - каким образом? Help me please!

<table id="tepl_table" style="width:658px">
<tr>
	<td style="width:168px;"><img src="photo1.jpg"</td>
	<td style="width:390px">Описание</td>
	<td style="width:100px; text-align:center; vertical-align:middle;">Цена</td>
</tr>
<tr><td colspan="3" style="width:658"><hr /></td></tr>
<tr>
	<td style="width:168px;"><img src="photo2.jpg"</td>
	<td style="width:390px">Описание</td>
	<td style="width:100px; text-align:center; vertical-align:middle;">Цена</td>
</tr>
<tr><td colspan="3" style="width:658"><hr /></td></tr>
<tr>
	<td style="width:168px;"><img src="photo3.jpg"</td>
	<td style="width:390px">Описание</td>
	<td style="width:100px; text-align:center; vertical-align:middle;">Цена</td>
</tr>
<tr><td colspan="3" style="width:658"><hr /></td></tr>
<tr>
	<td style="width:168px;"><img src="photo4.jpg"</td>
	<td style="width:390px">Описание</td>
	<td style="width:100px; text-align:center; vertical-align:middle;">Цена</td>
</tr>
<tr><td colspan="3" style="width:658"><hr /></td></tr>
</table>

[MrJenika]

ну как вариант можно заключить слово Цена в свой тег и этому тегу прописать свойство левой рамки.
ну или прописать только вертикальную черту для всех столбцов а не только для последнего, вроде только для одного нет свойства, а может и есть.

[coding]

<style>
.foto{border-bottom:1px solid #000;}
.opisanie{border-bottom:1px solid #000;}
.price{
    text-align:center;
    border-left:1px solid #000; 
    border-bottom:1px solid #000;
}
</style>

<table rules="none" style="width: 100%;">
    <tbody>     
        <tr>
            <td class="foto" >фото</td>
            <td class="opisanie">описание</td>
            <td class="price">цена</td>
        </tr>
        <tr>
            <td class="foto" >фото</td>
            <td class="opisanie">описание</td>
            <td class="price">цена</td>
        </tr>
        <tr>
            <td class="foto" >фото</td>
            <td class="opisanie">описание</td>
            <td class="price">цена</td>
        </tr>
        <tr>
            <td class="foto" >фото</td>
            <td class="opisanie">описание</td>
            <td class="price">цена</td>
        </tr>
    </tbody>
</table>

[Cone]

<table id="tepl_table" style="width:658px" border=0>
<tr>
<td style="width:168px;"><img src="photo1.jpg"</td>
<td style="width:390px">Описание</td>
<td style="border-left:1px solid black;width:100px; text-align:center; vertical-align:middle;">Цена</td>
</tr>
<tr><td colspan="3" style="width:658"><hr /></td></tr>
<tr>
<td style="width:168px;"><img src="photo2.jpg"</td>
<td style="width:390px">Описание</td>
<td style="border-left:1px solid black;width:100px; text-align:center; vertical-align:middle;">Цена</td>
</tr>
<tr><td colspan="3" style="width:658"><hr /></td></tr>
<tr>
<td style="width:168px;"><img src="photo3.jpg"</td>
<td style="width:390px">Описание</td>
<td style="border-left:1px solid black;width:100px; text-align:center; vertical-align:middle;">Цена</td>
</tr>
<tr><td colspan="3" style="width:658"><hr /></td></tr>
<tr>
<td style="width:168px;"><img src="photo4.jpg"</td>
<td style="width:390px">Описание</td>
<td style="border-left:1px solid black;width:100px; text-align:center; vertical-align:middle;">Цена</td>
</tr>
<tr><td colspan="3" style="width:658"><hr /></td></tr>
</table>