jQuery和CSS是编写图片时最常用的两种技术。通过这两种技术，可以为图片添加各种样式和特效，使其更加生动、美观和有吸引力。下面将通过代码和实例来介绍如何使用jQuery和CSS来编写图片。

代码1：
$('img').css({
'border': 'solid 1px red',
'margin': '10px',
'padding': '5px'
});
上面的代码添加了一个红色的边框、10像素的外边距和5像素的内边距。可以根据需要进行调整。
代码2：
$('img').hover(function() {
$(this).css('opacity', '0.5');
}, function() {
$(this).css('opacity', '1');
});
上面的代码添加了一种鼠标悬停效果，当鼠标悬停在图片上时，图片的透明度会变为0.5。当鼠标移开时，图片的透明度恢复为1。
代码3：
$('img').click(function() {
$(this).toggle('slow');
});
上面的代码添加了一个点击效果，点击图片时，可以使图片淡入和淡出，从而使图片更具艺术感和趣味性。

如上所述，使用jQuery和CSS可以为图片添加各种效果和样式。无论是红色边框、鼠标悬停效果、淡入淡出等，都可以通过这些技术实现。当然，还有很多其他的效果和样式，只要动手尝试就会有更多的收获。愿您能够善加利用这些技术，编写出更加出色的图片。