как задать цвета бодера в таблице html без использования тегов стиля - PullRequest
0 голосов
/ 19 февраля 2020

Мне нужно разработать пример без использования тегов стилей, я в основном пробовал, но я не могу добавить границы и границы, определяющие c границы td, пожалуйста, посмотрите мой код и помогите мне в этом.

<table style="width:100%" border='0' cellpadding="0" ><tr cellspacing="0">
<td rowspan='2' > <img  height='100' width='80' src="http://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg" alt=" Logo" /></td>
<td width='500' border='1' bordercolor="red"><b>some text</b></td></tr><tr cellspacing="0">
<td border='1' color='red' >some text
                  </td>
<td> <label> Name: &nbsp;</label><br />
                <label>class: &nbsp;</label><br />
                <label>  ID: &nbsp;</label></td></tr></table>

Вывод выглядит так: Output look

1 Ответ

0 голосов
/ 19 февраля 2020

Используйте внутренний стиль с помощью классов, если поддерживает ваш PDF generation tool внутренний стиль.

<style type="text/css">
.my-table{border-collapse:separate;width:100%;}
.my-table td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
/*Below border color defined*/
.border-black{border-color: #000000;}
.border-green{border-color: #00ff00;}
.border-red{border-color: #ff0000;}
.border-blue{border-color: #0000ff;}
/*Below text color defined*/
.text-green{color: #00ff00;}
</style>

<table class="my-table" cellspacing="10" cellpadding="0">
  <tr>
    <td class="border-red" rowspan="2" width="80">
    	<img  height='100' width='80' src="http://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg" alt=" Logo" />
    </td>
    <td class="border-black text-green">Some text with black border and green text color</td>
    <td class="border-blue" rowspan="2">
    	<label>Name: &nbsp;</label><br />
        <label>Class: &nbsp;</label><br />
        <label>ID: &nbsp;</label>
    </td>
  </tr>
  <tr>
    <td class="border-green text-green" width="400">
    	Some text with green border & green text color
    </td>
  </tr>
</table>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...