首页 > 代码库 > [css]邮件的写法

[css]邮件的写法

<style type="text/css">
        /* Client-specific Styles */
        #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
        body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
        body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */

        /* Reset Styles */
        body{margin:0; padding:0; background: #f6f6f6;}
        img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
        table td{border-collapse:collapse; font-size: 14px;}
        p { line-height: 1.5;}
        a { text-decoration: none; color: #53b53e;}
        #backgroundTable{height:100% !important; margin:0; padding:0 40px; width:100% !important; background: #fcfcfc;}
        
        .btn:hover {
            background: #66cf50 !important;
        }
    </style>

 

邮件通常采用table布局 内联样式来处理 不支持任何形式的脚本(除非邮件客户端有接口放开)

因为邮件客户端会对内容进行过滤,body上的颜色通常是由邮件客户端决定的,通常都是白色