在改善图像时，我们可以选择使用Photoshop进行处理，然后将其安装在网页上，或者我们也可以选择选项B： 使用可用的HTML，CSS和Javascript技术来做到这一点。
跳转之后，有很多技术可以改善图像，几乎所有技术都是以jQuery为主要基础或CSS3 利用最新的网络标准，尽管我提醒您，在这种情况下，我们将失去与某些浏览器的兼容性。
他们是英文的，但是很快就被抓住了，:)
来源| 第一轮
使用jQuery的CSS3舍入图像
学习将span标签包裹在image元素周围，以获取将在所有现代浏览器中正确显示的圆形图像。
2.
CSS 2.1具有多个背景和边框
了解如何使用CSS 2.1伪元素为单个HTML元素提供多达3个背景画布，2个固定大小的演示图像以及多个复杂边框。
3.
快速提示：使用简单CSS的多个边框
快速截屏视频向您展示了如何使用简单的CSS实现多个边界，从而为您的设计增加了深度。 上一教程的简化版本。
4.
使用CSS2动态调整元素的多个边框
第三版 尼古拉斯·加拉格尔（Nicolas Gallagher） 告诉您如果没有元素的大小该怎么办。
5.
带边界的乐趣-斜面，压制及更多！
了解如何使用CSS和一些简单的边框样式技巧来获得逼真的效果，以获取各种效果。
6.
宝丽来与CSS3
了解如何使用一些很棒的CSS2和CSS3将原本毫不张扬的图像列表变成一组完整的宝丽来照片。
7.
完美的整页背景图片
了解如何使用CSS添加背景图像，该CSS可以用图像填充整个页面，没有空格，可以根据需要缩放图像，不会导致滚动条等等。
8.
CSS3盒子阴影和图像悬停效果
探索仅通过编辑样式表即可添加阴影效果的新方法。
9.
花式缩略图悬停效果，带有jQuery
使用CSS和jQuery实现简洁的Flash风格效果。
10.
如何创建简单的CSS图像翻转效果
在本教程中，您将学习如何使用基本的HTML和CSS样式创建简单的CSS图像翻转效果。
11.
浮动的
Floatutorial指导您了解浮动元素的基础知识，例如图像，首字下沉，下一个和后退按钮，图像画廊，内联列表和多列布局。 查看有关图像浮动的4个教程。
12.
使用CSS的悬浮效果
在本教程中，您将学习使用CSS2.1属性创建灵活的高级悬停技术。
13.
无快速翻滚
预紧
使用CSS图像翻转时，必须加载两个，三个或更多图像（并且通常预先加载以获得最佳结果）。 了解如何将所有状态整合到一个映像中，从而使动态更改更快并且不需要预加载。
14.
jQuery圆角
圆角和更多图案的许多jQuery效果。
15.
使用jQuery最简单的工具提示和图像预览
请参阅3个使用jQuery滚动预览脚本的示例。 这个简单的脚本可以用于多种目的。
16.
超大-全屏背景/
Slideshow
jQuery插件
Superzided是一个jQuery插件，可调整图像大小以填充浏览器，同时保持图像尺寸比例，并通过带有过渡和预加载的幻灯片放映来循环显示图像/背景。
17.
PNG叠加
您是否曾经遇到过用客户提供的图片创建站点的问题，后来又在他们更新照片后才发现原始外观没有保留？ 该解决方案涉及创建一个透明的PNG覆盖图，该覆盖图可用作常规JPEG或GIF周围的遮罩/框架。 这样，可以配置典型的CMS安装，以便用户可以上传照片，而不必担心使用任何图形程序来应用滤镜。
18.
缩放
轻量级
JQuery的
缩放插件
BeZoom是一种简单轻巧的替代品 杰青变焦。 它更轻巧，更易于使用。
19.
使用jQuery进行背景图片动画处理
使用jQuery并更改背景图像的位置，以创建所需的效果类型。 有一篇新文章回答“如何处理活动状态？” -- 处理jQuery动画背景的活动状态.
20.
用CSS丰富图像的5种方法
这里有一些简单的技巧，可以为典型的平淡无奇的图像增添些许风味。 从长远来看，使用Photoshop设置每个图像的样式可能很繁琐且难以维护。 以下这些CSS技术将帮助您减轻痛苦。
21.
如何：
可调整大小
背景图
了解如何使用CSS设置可调整大小的背景图片。 您有3种选择。
22.
设置图像链接的样式
让用户知道我们网站的特定部分将被单击，这最好通过鼠标悬停效果来实现。 这些“可点击”部分当然包括内容图像。 图像链接是一个脚本，使您可以将其他样式应用于图像链接。
23.
带有CSS的多个背景图片
有时，使用背景图片比将背景图片直接插入页面更有意义。 尽管每个元素（如您的身体标签）只能容纳一个背景图像，但它们可以应用于多个元素。
24.
CSS图像边框
真正简单的教程，向您展示了如何使用CSS向图像添加实心边框。
25.
不使用背景图片的CSS Sprite
了解如何在没有大量关于CSS Sprite的知识的情况下应用悬停效果。
