css圆角导航与三角形【2012/07/18】

网页制作中经常有导航使用圆角,而在列表、下拉提示、面包屑导航等位置经常使用到三角形。以下是css实现的这两个小技巧,简洁好用。

1、圆角  css属性: border-radius(IE不支持)可以很方便的生成 CSS3 圆角代码,即时显示效果,并提供 webkit ,Gecko 兼容代码。

【 代码{border-radius:_ px  _px  _px _px;-webkit-border-radius:_px _px _px _px;-moz-border-radius:_px _px _px _px;}】

2、三角形实际上是用border属性来实现的,将其中三边设为白色。

【.triangle{width:0;height:0;border-color:#ccc #fff #fff #fff;border-style:solid;border-width:_px;}】

css圆角导航与三角形【2012/07/18】,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。