HTML 메일에서 Gmail 배경색이 제대로 작동하지 않습니다.
P粉344355715
2023-08-16 14:55:54
<p>2023년 8월 - Gmail에서 작동하는 전체 메시지 본문으로 배경색을 만드는 간단한 예가 있는 사람이 있나요? 모든 곳을 살펴보았는데 2023년 8월 현재 Gmail에서 작동하는 코드 예시가 하나도 없습니다. 누군가가 2023년 8월부터 Gmail에서 작동하는 <body>에서 </body>까지의 작은 스니펫을 공유할 수 있기를 바랍니다. 나는 영원히 감사할 것이다. </p>
<p>수없이 많은 옵션을 시도했지만 전혀 효과가 없었습니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
希望这对你有帮助：
<!-- width: calc((480px - 100%) * 480); --> <table cellpadding="0" cellspacing="0" style="margin:auto; max-width:600px; width: 100%; font-size: 0; border-collapse: collapse;"> <tr> <td> <h1 style="margin: 0; padding: 0; font-size: 30px; text-align:center; background: #e1c18b; color: #643c33; line-height: 2;">与我自拍</h1> </td> </tr> <tr> <td> <img src="https://image.freepik.com/free-photo/camera-mirror_446-19322773.jpg" style="max-width: 100%; display: inline-block; vertical-align:top;" alt="Hero Image" /> </td> </tr> <tr> <td style="background: #322421;"> <table cellpadding="10" cellspacing="0" style="width: calc((480px - 100%) * 480); min-width: 50%; max-width: 100%; font-family: arial; font-size: 14px; display: inline-block;"> <tr> <td> <img src="https://image.freepik.com/free-photo/young-hipster-woman-making-photos-with-vintage-film-camera-at-summer-field-women-lifestyle-concept_1150-1054.jpg" alt="" style="width: 100%; display: inline-block; vertical-align: top;" /> <p style="padding: 10px 0; margin: 0; text-align: justify; color: #f6e2c0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum praesentium ipsa vero consequuntur sunt porro vitae, a sed fuga debitis ratione, quas mollitia voluptate, ad voluptatum repellat voluptates! At, doloribus.</p> </td> </tr> </table> <table cellpadding="10" cellspacing="0" style="width: calc((480px - 100%) * 480); min-width: 50%; max-width: 100%; font-family: arial; font-size: 14px; display: inline-block;"> <tr> <td> <img src="https://image.freepik.com/free-photo/young-hipster-woman-making-photos-with-vintage-film-camera-at-summer-field-women-lifestyle-concept_1150-1054.jpg" alt="" style="width: 100%; display: inline-block; vertical-align: top;"> <p style="padding: 10px 0; margin: 0; text-align: justify; color: #f6e2c0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum praesentium ipsa vero consequuntur sunt porro vitae, a sed fuga debitis ratione, quas mollitia voluptate, ad voluptatum repellat voluptates! At, doloribus.</p> </td> </tr> </table> </td> </tr> <tr> <td style="margin: 0; padding: 10px; font-size: 20px; text-align:center; background: #564037; color: #ffffff;"> 成为自拍专家 </td> </tr> </table>