+2°
2011年03月15日
这篇文章主要是记录一下，微软最新发布的 IE9 浏览器CSS 圆角属性，现在CSS3已经可以轻松实现跨浏览器的圆角效果，包括Firefox高版本，IE9，Safari，Chrome等高端浏览器。
我们这样去定义一个盒子模型：
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
在Firefox，和Chrome中的效果：
其中 -moz-border-radius 是 Firefox 实现圆角的私有属性，而 -webkit-border-radius是 webkit 内核浏览器（如 Safari 和 Chrome）实现圆角的私有属性。
我们也可以分别设置4个圆角的属性...
CSS3, IE9, Web前端, 圆角阅读全文
+3°
2010年11月27日
<!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>无图片CSS圆角</title>
<style type="text/css">
body {
color: #000;
background: #999;
font-size: 12px;
line-height: 1.5;
margin: 0;
}
.box {
width: 500px;
margin...
CSS, Web前端, 圆角阅读全文
+1°
2010年05月24日
curvyCorners
curvyCorners是一个能够为任何HTML DIV元素创建圆角效果JS程序。看起来跟采用图片创建的圆角一样好看。
curvyCorners
Corner.JS
这个JS程序能够为图片添加阴影渐变的圆角效果。
Corner.JS
jQuery Corner
不需要图片就能够创建各种圆角形状的jQuery插件。
jQuery Corner
Nifty Corners Cube
Nifty Corners Cube同样也是一个不需要图片就能够为div添加圆角效果的js程序。
Nifty Corners Cube
Glossy Corners
能够为图片添加3D圆角效果的J...
Javascript, JQuery, Web前端, 圆角阅读全文
+0°
2010年05月24日
3C很早就已经在CSS 3 中加入了圆角属性border-radius，但是由于 某些流行浏览器的不支持，使得其还是没能被广泛使用，所以我们会想尽办法去进行更好的补充，包括背景图片的圆角实现、js圆角实现等等。但是这些方法在实 现的过程中，总是会增加很多无谓的工作任务，而且还有可能无法做到浏览器之间的兼容性，那么就介绍一个非常简单的jQuery圆角实现效果吧，说是圆角有 点小看它了，因为它可以实现的不止是圆角，看这张图就知道了。
使用jQuery圆角插件 jquery.corner 来解决这个问题，一个代码就足够了：
$('.r...
JQuery, Web前端, 圆角阅读全文
+1°
+2°
2010年04月22日
步介绍
当然，我知道现在有成千上万个关于 用CSS处理圆角 的教程，但不管怎么说，我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是，这篇教程彻底地应用高级CSS技术，但是，我 会尽力使初学者看起来简单。CSS3 在这里还没有得到完全的应用，所以，知道现在，我会保持W3C验证的有效。
看一下演示
下载 css sprites + 圆角
您还可以参考一下文章：
43个PSD转XHTML, CSS创建布局及导航辅导教程,解析事件背后的每一个步骤
我们将怎样来处理?
我处理圆角的版本是由内置的绝对定位的四...
CSS, Web前端, 圆角阅读全文
+2°
+12°
+0°
2010年01月24日
<!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=gb2312" />
<title>圆角遮罩图片实现图片圆角 by ahuinan 2009-5-15</title>
<script language="javascript" type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script...
Web前端, 圆角阅读全文
原创出于这里啊，厉害的知更鸟
测试测试啦。
看看 实现下着功能、··
鸟哥好。我想给网站底部添加一
鸟哥这个主题太给力了，我刚建
鸟哥V5，支持
这个蛮实用的哈！可以增加一点
学习一下先说！呵呵