原文：《使用CSS为图片添加更多趣味的5种方法》

    loren序言：我对图片的显示有着各种特殊的需求（多数比较BT），我希望我博客的图片是无水印的（经常会为一张原图找好半天），又希望不被肆意盗用，这对矛盾体一直困扰着我，直到看到这篇文章，可以巧妙在图片上添加文字水印，而实际又不破坏图片，当然，更少了用Photoshop的麻烦。

阴影效果[仅适用纯白背景]

HTML  (wordpress代码编辑器中应填写的内容)

CSS  (请将下列代码添加至主题文件根目录的style.css中)

img.shadow {
background: url(shadow10002.gif) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

注意事项
    这个效果需要一个背景图片做辅助，即上面css代码中的shadow10002.gif（右键另存为…），根据文件位置修改上面CSS代码中url后括号中的地址。效果见最下方图的白色边框。

为图片添加说明文字

HTML

需要添加的说明文字

CSS

.img-words {
position: relative;
display: block;
height:335px;
width: 575px;
text-align: center;
margin: auto;
}
.img-words cite {
background: #111;
filter:alpha(opacity=55);
opacity:.55;
color: #fff;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
width: 555px;
padding: 10px;
border-top: 1px solid #999;
}

效果预览：

这里是添加的说明文字