目的：
给一些图片加上水印。
（学习视频推荐：css视频教程）
图片和水印展示区域
I-Shop购物系统
下载
部分功能简介：商品收藏夹功能热门商品最新商品分级价格功能自选风格打印结算页面内部短信箱商品评论增加上一商品，下一商品功能增强商家提示功能友情链接用户在线统计用户来访统计用户来访信息用户积分功能广告设置用户组分类邮件系统后台实现更新用户数据系统图片设置模板管理CSS风格管理申诉内容过滤功能用户注册过滤特征字符IP库管理及来访限制及管理压缩，恢复，备份数据库功能上传文件管理商品类别管理商品添加/修改/
立即学习“前端免费学习笔记（深入）”；
样式
.watermark-image {
position: relative;
width: 300px;
height: 300px;
background: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1489746806388&di=68436cfc9319b2f3afeffa9a984a2dc2&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201605%2F19%2F20160519224441_VfMWR.thumb.700_0.jpeg') no-repeat;
background-size: 300px;
border: 1px dotted #f00;
}
.watermark-image:before {
content: "Message here.";
font-size: 21pt;
position: absolute;
top: 50%;
left: 50%;
margin-left: -80px;
background-color: rgba(255, 255, 0, 0.7);
-webkit-transform:rotate(-45deg);
}相关推荐：CSS教程
