一般的网站都会有留言表单的功能，客户总会要求程序员把用户的留言信息发送到客户的邮箱里，这样可以及时查看留言的内容，本来这个事很简单，只要使用php自带的sendmail插件就可实现了，但我发现使用这个功能用户有时不一定能接收到邮件，特别是一些邮箱地址是无法收到邮件的，所以我们可以使用更稳定的功能：阿里云的邮件推送功能，它不仅可以实现单个的邮箱的发送，更重要的是可以发送给各种各样的邮箱，发送成功率非常的高，强烈推荐使用，而且费用很低，发送5万封才81元，有效期半年。话不多说，现在咱们来讲讲如何配置邮箱推送的功能。

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

第一步，进入邮件推送控制台，点击邮件设置->发信域名，如下图所示：

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

然后点击右上角的“新建域名”，添加发信域名，添加后发信域名的状态处于“待验证”，点击“配置”，进入域名设置的页面，如下图所示：

需要验证“发信配置”中的“所有权验证”和“spf验证”，收信配置的“MX验证”和“CNAME验证”，这些配置很简单，只要去域名管理控制台那里，找到这个域名，然后进行上面的一系列解析就可以了，域名解析后，点击“验证”，如果验证通过，发信域名的状态就显示“验证通过”，如果有另外的解析有问题，可以再次点击“配置”查看哪个解析出现问题，这样最关键的一步就设置完成了。

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

首先是选择发信域名，就是第一步添加的那个域名，然后填写账号(可随意填写，但不可修改)，填写后会生成发信地址，然后填写回信地址(填写你的邮箱，验证回信地址时会用到)，添加后回到发信域名列表，点击“验证回信地址”，这时你填写的回信地址的邮箱会收到一份邮件，如下图所示：

点击截图中的“链接”，即可验证通过(一个小tips:如果点击该链接弹出的浏览器未登录阿里云，则验证失效，建议使用已登录的阿里云账号的浏览器打开该邮件)。

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

第三步，就是设置邮件标签和邮件模板，这两块我设置了，但发送邮件的时候，这两块功能都未体现在邮件内容里，所以暂时不知道有何用处。

当然你还尚未添加过AccessKey，还需要设置AccessKey。就这样邮件推送的设置完成了。

河南亿宏世纪网络科技有限公司，专注于互联网+品牌整合营销，公司拥有专业的互联网管理、运营策划、UI设计、技术开发等团队，专业从事于工业互联网的开发建设。我司拥有成熟的网络技术开发团队，针对网站开发、技术服务、网站风格定位、网站功能优化、网站推广维护等都具备很强的专业技术水平，旨在为客户提供专业的互联网应用解决方案。公司始终秉持着诚信经营、质量为先的经营理念，我们不仅提供优质的网络技术和云端供应链服务，而且还在产品的选择、应用等方面提供专业的咨询与售后服务。

在网站的开发中，需要做的事情很多，仔细到编辑一个字或者一张图片，而插入图片的方式有多种，例如用

标签、背景图background。在网站建设中，图片是必不可少的，因为有了图片是网站页面更加美观实用，下面列举一些关于网站图片的用途，很常用到的，以此记录。

# 当用

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

标签的时候，设置高度和宽度和不设置在页面加载的时候图片的加载会有不一样的效果，不设置高度的时候，页面加载浏览器不知道图片的尺寸就无法为图片预留到空间，就可能导致页面的布局发生改变，如果设置高度宽度页面加载的时候浏览器就会为图片预留到空间，不影响页面布局。

标签没有设置高度和宽度，无法显示的时候，就会出现如下的情况，设置高度宽度的如,，有浏览器预留的空间，也会出现边框。

# 1

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

标签添加alt 属性，当图片不能正常显示的时候可以作为代替的值显示，也可以用alt描述关于图片的信息，而且添加了alt属性，当图片无法显示的时候，浏览器显示的内容会比没有添加alt属性的要美观一些，不会出现一个边框，而是一个替代的文本和一个小点。

当使用背景图background的时候，用background-image填写图片的路径，引入背景图片，用background-repeat设置是否需要重复背景图，一般是默认重复。用background-position设置背景图片的位置，用top、bottom、left、right，或者用像素，例如（0px 0px）第一个数值是水平方向的位移，第二个数值是垂直方向的位移。用background-size是设置背景图片的尺寸大小，可以用background-size : cover; 覆盖到整个背景区域，不会改变图片的比例，但是有时候会裁剪部分图片，另外background-size : cover; ie7和ie8的兼容可以如下图

background-size : 100%; 是会改变图片的尺寸比例，可能会变形。background-size也可以用像素，例如background-size：100px 100px;  第一个数值是代表宽度，第二个数值是设置的高度。设置background-size: contain的时候背景图片会等比缩放到可以全部在容器里显示，可能会出现留有空白的地方。

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

河南亿宏世纪网络科技有限公司，专注于互联网+品牌整合营销，公司拥有专业的互联网管理、运营策划、UI设计、技术开发等团队，专业从事于工业互联网的开发建设。我司拥有成熟的网络技术开发团队，针对网站开发、技术服务、网站风格定位、网站功能优化、网站推广维护等都具备很强的专业技术水平，旨在为客户提供专业的互联网应用解决方案。公司始终秉持着诚信经营、质量为先的经营理念，我们不仅提供优质的网络技术和云端供应链服务，而且还在产品的选择、应用等方面提供专业的咨询与售后服务。