Alt标签字体大小

4

嘿,我正在构建一封邮件,已经有了我的标志

<img src="head/email-concept1_04.gif" width="172" height="61" border="0" alt="Test" title="Test" style="display:block; color:#ffffff !important;" />

我尝试过将alt标签的字体大小调大,但貌似没有效果。

<img src="head/email-concept1_04.gif" width="172" height="61" border="0" alt="Test" title="Test" style="display:block; color:#ffffff !important; font-weight:bold !important; font-size:36px !important;" />

我曾经收到过类似于从Pizza Express发送的邮件,但我无法弄清楚他们是如何做到的。

3
我想他们会使用带有背景图像的 <h1> 标签。 - Ry-
1
也许可以查看具有所需效果的电子邮件的HTML源代码?看看该电子邮件是如何实现你想要做的事情,并从中学习。 - JJ.
你的代码应该可以运行 - http://jsfiddle.net/ntaMS/ 你在测试哪个客户端? - Zoltan Toth
嗨Zoltan,测试Firefox时似乎可以工作,但在检查IE和Chrome时没有显示。 - adamhuxtable
通过以下代码解决了问题,需要注意的一点是字体大小不能太大!Paul Smith - adamhuxtable
1个回答

6
你可以将图像标签放在容器中,并为该特定容器实现字体样式,来完成此操作。例如:

你可以简单地在容器中放置图像标签,并为该特定容器实现字体样式。示例:

<!DOCTYPE HTML>
<html>
    <head>
        <style type="text/css">
            #font {
                width:400px;
                height:400px;
                margin:0 auto;
                font-size:16px;
                font-weight:bold;
                color:#ff0000;
                text-align:center;

            }
        </style>
    </head>
    <body>
        <div id="font">
            <img src="" alt="Customized Font" />
        </div>
    </body>
</html>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接