HTML中CSS实现图片左上角展示热销的小图片

  •   
  • 1437
  • html
  • 43
  • dodobook
  • 2016/11/03

紧接着上一篇使用PS来制作一张图片右上角促销的三角形图片我们需要的小图片已经有了。下面就是很多程序员都会的事情了。直接上效果图和代码:

hot_goods

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>HTML中CSS实现图片左上角展示热销的小图片</title>
</head>
<body>
	<div style="position:relative;">
		<img class="upNew" src="upNew.png" style="left:0;top: 0;position:absolute;">
		<img src="big.jpg" />
	</div>
</body>
</html>

温馨提示,接下来我会整理一篇文章,是用纯CSS实现三角形的功能。

HTML纯CSS绘制三角形(各种角度)

纵然万劫不复,纵然相思入骨,我也待你眉眼如初,岁月如故。