效果如图所示:
代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片水印方案一</title> <style> *{ margin: 0; padding: 0; } img.big{ width: 400px; height: 250px; } div.img{ position: relative; display: inline-block; } div.tYin{ opacity: 0.2; position: absolute; left: 0; top: 0; } div.wYin{ font-size: 14px; opacity: 0.5; position: absolute; right: 0; bottom: 3px; } div.tYin img{ width: 100px; } </style> </head> <body> <div