我的菜你在那里 2011年09月01日
javaScript圆角
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>INDEX</title>
<script type="text/javascript" src="curvycorners.js"></script>
<style type="text/css" />
.my{
width:650px;
height:35px;

background:#666666;
border:1px solid 666666;
//*圆角属性
-webkit-border-radius: 6px;
-moz-border-radius: 6px;

}
</style>
<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 6},
tr: { radius:6 },
bl: { radius: 6 },
br: { radius:6 },
antiAlias: true
}
curvyCorners(setting, ".my");
curvyCorners(setting, ".my");
curvyCorners(setting, ".my");
curvyCorners(setting, ".my");

}
</script>



</head>
<body>


<div class="my">
HTML5草案的前身名为Web Applications 1.0,於2004年被WHATWG提出,於2007年被W3C接纳,并成立了新的HTML工作团队。HTML标准自1999年12月发布的 HTML 4.01后,后继的HTML 5 和其它标准被束之高阁,为了推动web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web 超文本应用技术工作组 - WHATWG) 的组织,他们重新拣起 HTML 5。第一份正式草案已于2008年1月22日公布。HTML 5有两大特点:首先,强化了Web网页的表现性能。其次,追加了本地数据库等Web应用的功能。
</div>
</body>
</html>


不用图片实现圆角,不足上下四角有毛边
...全文
66 点赞 收藏 7
写回复
7 条回复

还没有回复,快来抢沙发~

发动态
发帖子
CSS
创建于2007-09-28

3.1w+

社区成员

6.0w+

社区内容

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区公告
暂无公告