<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>兼容所有浏览器的圆角</title>
<style type="text/css">
.box {
width:400px;
height:500px;
margin:auto;
border:1px solid #ccc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
</style>
<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 5 },
tr: { radius: 5 },
bl: { radius: 5 },
br: { radius: 5 },
<!--tl, tr, bl, br分别是:左上角(top-left)、右上角(top-right)、左下角(bottom-left)、右下角(bottom-right)-->
antiAlias: true
}
curvyCorners(setting, ".box");
}
</script>
</head>
<body>
<div class="box"></div>
</body>
</html>
- 浏览: 37470 次
- 性别:
- 来自: 天津
最新评论
发表评论
-
我的CSS框架-base.css
2015-04-13 10:19 525@charset "utf-8"; /*! ... -
HTML中自定义字体
2014-05-22 11:03 894@font-face { font-family:trebu ... -
兼容新处理要点
2013-09-16 13:59 560兼容性处理要点 1、DOCTYPE 影响 CSS 处理 ... -
css属性之display:inline-block
2013-01-06 11:14 773引用: 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁 ... -
dl dt dd
2012-12-28 11:03 668dl:definition list dt:definitio ... -
内联元素加上浮动就变成了块级元素
2012-11-20 10:19 836内联元素加上浮动就变成了块级元素 -
三像素文本漫溢
2012-11-20 10:14 735三像素文本慢移:如果无名线框(包含内联内容的框)邻近某个浮动, ... -
网页背景从上到下的渐变
2012-10-31 16:30 866<body leftmargin="0&quo ... -
加入收藏
2012-10-31 16:23 960<Script Language="Jav ... -
HTML文件HEAD内部标记浅析
2012-10-31 16:15 695今天,使用各种所见即 ... -
半透明图层
2012-10-31 16:11 621<style type="text/css&q ... -
表格边框为1像素自定义颜色
2012-10-31 15:03 1174table{ border:1px solid #94919 ... -
爱恨原则
2012-07-12 09:06 878【经验】在CSS中定义a:link、a:visited、 ... -
css行内文本超出指定宽度溢出的处理
2012-03-28 14:53 1394一般文字截断: .text-overflow{ ... -
识别IE6的代码
2012-03-13 14:40 626将要在IE6里显示的内容和样式写在<!--[if lte ... -
理解绝对定位和相对定位
2012-03-13 11:10 543概要:本文主要描述XHTML中相对定位和绝对定位各自的本质、 ... -
Javascript中最常用的55个经典技巧
2012-03-08 16:53 6381. oncontextmenu="window. ... -
按钮鼠标悬停时手势
2012-03-08 16:11 1017<button name="submit&qu ... -
点此打印代码
2012-03-07 15:32 659<!DOCTYPE html PUBLIC " ... -
CSS字体调用
2012-03-05 09:31 2044<!DOCTYPE html PUBLIC " ...
相关推荐
原始的圆角框 兼容所有浏览器 里面有html测试
圆角兼容所有浏览器方法
兼容各种浏览器的圆角边框,真正有效,亲自测试过
兼容所有浏览器的CSS3圆角,非常使用于网页设计圆角设计。
但是这些方法在实现的过程中,总是会增加很多无谓的工作任务,而且还有可能无法做到浏览器之间的兼容性,那么就介绍一个非常简单的jQuery圆角实现效果吧,说是圆角有点小看它了,因为它可以实现的不止是圆角,看这...
js换肤圆角代码兼容各个浏览器,ie 火狐 各个版本都测试过兼容性很好
兼容各种版本浏览器圆角的各种方法
兼容各浏览器的气泡提示pop,带圆角和阴影 各个浏览器上我都已经测试过,可放心用
本人写的一个专门将div元素变圆角的插件, 使用方法请见我的博客: http://blog.csdn.net/tbc168
NULL 博文链接:https://highfly-s.iteye.com/blog/1812469
CSS3实现圆角阴影渐变效果兼容IE,火狐等主流浏览器,用过都说很好用,你懂的。
这是一个css3里的属性处理圆角技术的问题,其中也包括用全用js处理圆角问题,在这里提供大家,希望对大家做网页有点用
这是最基本的圆角框,无图片,四个圆角全部采用标签绘制,兼容所有浏览器,无HACK,使用时只需添加一个class = " color1 "即可
今天处理了一个页面刷新随机显示图片的功能,发现直角太丑,想实现图片圆角,兼容所有浏览器,于是网上搜集整理了一下,拿出来和大家分享
css制作的圆角框,兼容全部浏览器,大家参考使用吧
用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。 本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析,只有还不太...
div的圆角的制作,兼容FF, IE等浏览器,让你体验到做网站的乐趣,让用户用起来的感觉更好.
简单的div圆角与阴影代码,普通写出来得阴影无法满足IE浏览器,但是这个代码则可以运行