整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
本例演示如何向 HTML 页面添加背景图片。
<html>
<body background="background.jpg">
<h3>图像背景</h3>
<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
<p>如果图像小于页面，图像会进行重复。</p>
</body>
</html>
HTML基础操作：图片显示
白免疫印迹实验（Western blotting），是分子生物学、生物化学等生命科学研究中最常用的一种实验方法。严谨细致的实验操作，有助于我们获得可信的实验结果。在进行写文章投稿时，我们需要对原始结果进行整理排版。今天为大家介绍的使用photo shop软件制作WB实验结果图，通过photo shop，在不影响实验结果的前提下，可以修改对比度，使图片更美观；同时还可以通过修剪使条带边缘排列整齐。
●1．打开PS软件，点击[文件]-[打开],选择需要打开的Western blotting 的结果图。如图所示，打开了p-AKT,以及AKT的 western blotting图片。
●2. 点击[文件]-[新建]，新建一个画布，画布的尺寸可以通过点击[预设],选择国际标准纸张或者美国标准纸张。当然也可以自己进行设定，一般可以选择稍微大一点，通过更改长度与宽度，在这里我选择了600*600，方便我们后续进行条带对齐与裁剪。
●3.点击左侧工具栏的虚线矩形选择框，进行目的区域的选择。依次分别选择 p-AKT, AKT条带，如果目的区域过小，可以点击ctrl + 进行图片的放大。然后选中目的区域后，点击,ctrl+C进行复制，在新画布上点击ctrl+v进行粘贴。
●4.将复制过来的两组条带分别进行调整，此时每一张条带对应一个图层，点击p-akt图层后，点击左侧工具栏第一个图片，然后点击ctrl+T,图片四周出现黑色边框，此时可以对图片进行大小以及位置的调整。通过调整，将两组条带对齐后，点击[图层]-[合并图层]，将两个图层进行合并，此时可以不用考虑PVDF膜边缘是否对齐。
●5.如上图所示，WB的条带对齐，而PVDF膜边缘未对齐。这时我们需要将边缘部分填充白色。选中边缘部分后，点击鼠标右键，选择[填充]-颜色[白色]，点击确定，这样条带的两端或者中间就严格对齐了。
●6.如果图片的背景色不太一致，此时可以选择调节图片的对比度以及亮度。可以点击[图像]-[调整]-[亮度/对比度]进行微调，调节可以多次进行，看个人要求，但是尽量避免改变原始结果。
●7.图片对齐之后，此时可以为实验组对照组，以及处理方式进行标注。在左侧工具栏点击T，可以在WB条带边缘加蛋白名称进行文本标注，一般选择横排文本框，输入文本之后，可以可以通过横排工具栏选择改变文本字体以及文字大小，字体颜色可以在右侧工具栏设置。
●8.WB图做好之后，由于画布太大，不适合直接进行保存。这时通过左侧工具栏，点击裁剪图标，然后选择合适大小区域进行裁剪，点击Enter键确认后，点击[文件]-[另存为]，将做好的WB图存储为图片格式，一般选择TIFF位图格式进行存储，图像质量更高。
下面就是做好的WB图片，两张膜边缘对齐，图片看起来也更漂亮，方便进行文章投稿。下面就是整个过程的视频操作，赶紧学习起来吧。
【医学方】来自于“医学人”，始终致力于服务“医学人”，将最前沿、最有价值的临床、科研原创文章推送给各位临床医师、科研人员，关注【医学方】头条号，更多临床和科研相关的实用培训课程等着你哦~
【医学方】已推出【医学统计学精品公益课程】、【医学方R语言快速入门与数据清洗】、【R语言可视化及作图】、【GEO|TCGA|Oncomine数据挖掘教程】等视频教程。可登陆网易云课堂，搜索“医学方”查询
用场景：
接到任务，需要在WEB ERP系统上，实现一个核对平台与ERP订单数量的问题，
大概的结构是，左边是显示ERP订单数据，右边是显示平台订单数据，显示的效果如下：
ERP订单 | 空隙 | 平台订单 |
数据项一 | 数据项一 | |
数据项二 | 数据项二 | |
数据项三 | 数据项二 | |
保存按钮 | ||
通过核对两边数据，进行相应的保存操作。
那么我们如何通过HTML+CSS实现这样的显示呢？
首先，说CSS，要实现这样的显示，我们可以用float来处理。
我们共定义三个样式：
1）per70 表示 70%左右的宽度比例。
2）per1 表示 表示1%的空隙，宽度比例。
3）per30 表示 30%左右的宽度比例。
代码如下：
这样，就可以让它把一定的比例分左右两边显示。
接着，我们写HTML,只需要用DIV加上相应的样式即可，如下图。
记住：最后还要加个样式.cl_b{clear:both}，把左右两侧浮动取消，这样就可以把“保存”按钮摆在两者的下面了。
以上是一个比较简单的显示。
接下来，我们再看一个稍为数据情况多一点的。这个也是实际工作中涉及的业务：
业务是这样的：我们需要在左侧显示多组数据，在右侧显示一组数据，比如，我们需要在左侧显示ERP发货情况
ERP换货情况，ERP退货情况；右侧不变，仍然显示平台订单情况。要实现的表格如下：
ERP订单 | 空隙 | 平台订单 |
数据项一 | 数据项一 | |
ERP订单 | ||
数据项一 | ||
ERP订单 | ||
数据项一 | ||
保存按钮 | ||
要实现上面的表格也很简单：
左侧显示三组数组，右侧不变，CSS也可以不变
原结构保存不变，只是把原来左侧的内容，变成三个DIV，放在per30里面即可。
好了，分享到此，大家有任何想法，都可留言，一起学习。
*请认真填写需求信息，我们会在24小时内与您取得联系。
