Set shadow in HTML e-mail table

Question

Set shadow in HTML e-mail table

Navigation

#1 by (0 votes)
#2 by (0 votes)
#3 by (0 votes)

0

I'm sending HTML email with PHP and I set a table with shadow, stylized with box-shadow , but it did not work ... Any help to set shadow in HTML email using a table?

html

asked by anonymous 27.08.2017 / 14:54

3 answers

Block request containing a given element in the header using Nginx Compare different value, value "null" does not enter the backup

score 0 · Answer 1

Just use this CSS :

table { box-shadow: 10px 10px 5px #888; }

For more information please refer to the following website or this .

If after trying this does not work, edit the question and add the code you are using so that you can help.

score 0 · Answer 2

With this code you compatibility in ALL browsers.

table {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

<table>
    <tr>
      <th>Nome</th>
      <th>Sobrenome</th>
      <th>Idade</th>
    <tr>
    
    <tr>
      <td>Leonardo</td>
      <td>Bonetti</td>
      <td>19</td>
    <tr>
</table>

score 0 · Answer 3

Many email clients (eg Gmail) ignore bold CSS as well as ignore imported external CSS code (.css) or inserted into <head> .

Use CSS inline on elements with style . Ex:

<elemento style="..."></elemento>

And do not use codes, as I said, more bold ( box-shadow would be one of them). Use more basic styles such as background , color , border etc ... These are rendered normally.

Another general rule is to make HTML as simple as possible using Tables instead of DIVs.