首页 > Web开发 > 详细

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

时间:2014-03-27 04:32:29      阅读:610      评论:0      收藏:0      [点我收藏+]

网页制作中经常有导航使用圆角,而在列表、下拉提示、面包屑导航等位置经常使用到三角形。以下是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】,布布扣,bubuko.com

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

原文:http://www.cnblogs.com/zhengyingyan/p/3627201.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!