DIV制作多边.docVIP

用DIV+CSS在网页中制作三角形 作者： HYPERLINK /ShowAuthor.asp?ChannelID=1001AuthorName=%B2%E6%B2%E6%BE%FD \o 叉叉君 叉叉君?文章来源：本站原创 更新时间：2011-6-26 18:29:12 HYPERLINK /share/ \t _blank 更多 三角形我们经常用在列表、下拉提示、面包屑导航的位置，给用户以导向的引导作用，比如，在有下拉列表的地方，我们可以用向下的箭头，在列表的时候，我们能告诉用户每个列表项和下一个列表项的关系，当在面包屑导航中，能让用户了解他现在所处的栏目或者频道。我们有哪些方法来实现它呢，下面我根据我们的实际工作中的经验作了简单的总结。 第一种方案，我们可以通过使用背景图片的方式来处理，这也是我们最经常用的方法。1）单个切出三角形，我们可以根据UI设计的需求，切出与之相适应的图片，比如 ，我们能方便的根据需求，制作不同高度和颜色的三角形。在使用方面，HTML代码和CSS代码相对简单。如下面图是示例：这种直接使用背景图片的方法适合我们在三角形包含渐变、纹样、肌理等特殊效果的时候，我们可以设置它的颜色来保证图形边缘与背景色完美一致。缺点是我们需要为每个不同的方向需求制作一个图片，增加了http请求和CSS代码的数量。由于这种方法比较简单,我们就不做演示了.2）相比之