纯CSS实现三角形，兼容性良好

今天在网上看到文章介绍了一些CSS实现各种图形的方法，特别记下这个比较实用的CSS三角形的实现方法，纯CSS2，兼容性非常的好，所以分享给大家：

<!DOCTYPE html>
<html lang="zh_CN">
	<head>
  		<meta charset="utf-8" />
		<title>test</title>
		<style type="text/css">
			.test{
				width:0; 
				height:0; 
				border:10px solid; 
				border-color:#666 #fff #fff #fff;
			}
		</style>
	</head>

	<body>
		<div class="test"></div>
	</body>
</html>

适用于下拉菜单三角形提示、按钮、指示性图标等。

  1. 暂无评论

  1. 暂无 Trackback

欢迎大家来到我的小站

TinTao在这里分享、收藏了很多前端、后端、设计、管理等方面的知识，让我们一起学海无边苦作舟吧！

return top