Skip to content

Instantly share code, notes, and snippets.

@vivisidea
Created August 26, 2012 07:54
Show Gist options
  • Save vivisidea/3475900 to your computer and use it in GitHub Desktop.
Save vivisidea/3475900 to your computer and use it in GitHub Desktop.
适用于所有浏览器的圆角css样式
.curved {
-moz-border-radius: 10px;/* Firefox */
-webkit-border-radius: 10px;/* Safari and chrome **/
-khtml-border-radius: 10px;/* Linux browsers */
border-radius: 10px;/* CSS3 */
behavior: url(border-radius.htc);
}
/* http://code.google.com/p/curved-corner/ */
/* 如果不支持js,那就只好使用圆角图片了 */、
.round {
float: left;
color:#666;
background: url(image/switched_right.gif) top right no-repeat;
}
.desc{
margin:0;
padding: 9px 9px 0px 9px;
background:url(image/switched_left.gif) top left no-repeat;
}
.link {
margin:0;
padding: 0 0 0 9px;
background: url(image/switched_left.gif) bottom left no-repeat;
}
.link em {
display: block;
padding: 0 9px 9px 0;
background: url(image/switched_right.gif) bottom right no-repeat;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment