首页 移动开发 在线交易 IT笔记 网络技术 操作系统 企业架构 数据库 考试认证 IT培训 开源软件 数据存储 行业资讯
大家都在看:java   开发   C#   oracle   mysql   android   web开发   学习   sqlserver   linux   asp   php   ajax   javascript   css   html
html5之css圆角盖子
2014-10-13 08:59:34 来源: 作者:admin 栏目:IOS开发 责任编辑:
[导读] 1.前言。 弹出窗口,或者一般窗口,都可能用到圆角矩形,上圆下正。这个可以用css实现,当然直接图片也是可以的。2.代码。html:<div id='model_header' > </div>css#model_header{border-radius:20px 0;width:98%;height:17px;background:#FC9; beh..
1.前言。
   弹出窗口,或者一般窗口,都可能用到圆角矩形,上圆下正。这个可以用css实现,当然直接图片也是可以的。
2.代码。
html:
		<div id='model_header' >		 		</div>

css
#model_header{border-radius:20px 0;width:98%;height:17px;background:#FC9; behavior: url(/a/ios/js//a/ios/ie-css3.htc); behavior: url(/a/ios/ie-css3.htc); /* Gecko browsers */-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomleft: 0;-moz-border-radius-bottomright: 0; /* Webkit browsers */-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0; /* W3C syntax */border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 0;border-bottom-left-radius:  0;}
标签:
本站地址:/
版权所有:转载请注明出处!
分享到:
上一篇Xcode警告大全 下一篇ios的opencv的helloworld
您可能还喜欢
暂无...
今日最新资讯 最新推荐信息
考试认证 更多
开发技术 更多
移动开发 更多

关于 | 合作伙伴 | 联系我们 | 友情链接 | 版权声明 | 网站制作 | 网站地图 | 加入收藏 | 设为首页

Copyright@2012-2016 京ICP备12027873号