注：本文纯属转载 出处：http://www.oschina.net/bbs/thread/15330 先说一下Firefox的圆角属性： -moz-border-radius: {1,4} | inherit 如果你想设置四个角都是一样圆角的话，可以像这样子直接设置-moz-border-radius:5px; 也可以单独设置元素的上左、上右、下右、下左四个角的值，分别用-moz-bo... [阅读全文]

点评：利用CSS的border属性可以生成一些图形，例如三角或是圆角。 一、前言 利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理，以及实例。我觉得此技术相当实用的，故本文再次简单叙述一下，另外，本文还将展示可能并不为众人所知的CSS b... [阅读全文]

点评：魔哥css圆角实现代码，结合了图片的实现方法，兼容性好。所用到的图片: style type="text/css" body,p,div {margin:0;padding:0;} .Box {margin:10px auto;width:500px;} /*淘宝的圆角方法*/ .R-1-T,.R-1-B {height:6px;position:relative;backgroun... [阅读全文]

点评：魔哥css圆角实现代码，结合了图片的实现方法，兼容性好。所用到的图片: style type="text/css" body,p,div {margin:0;padding:0;} .Box {margin:10px auto;width:500px;} /*淘宝的圆角方法*/ .R-1-T,.R-1-B {height:6px;position:relative;backgroun... [阅读全文]

点评：本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。前序：本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。在本次封装中，增加了对真正img标签引用的图片实现圆角化，之前的圆角图片大多是基于背景图片的... [阅读全文]

点评：本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。前序：本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。在本次封装中，增加了对真正img标签引用的图片实现圆角化，之前的圆角图片大多是基于背景图片的... [阅读全文]

点评：网页制作Webjx文章简介：本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。 导言： 本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都... [阅读全文]

点评：网页制作Webjx文章简介：本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。 导言： 本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都... [阅读全文]

点评：闲来无事，突然又想起了圆角矩形的实现。不过这个话题大家已经谈了太长时间了。各种各样的实现方案在网上都可以看到。这里仅仅是记录一下个人认为比较好的一个。这个方案不使用任何图片，是纯html+css实现。 css代码================================== [code] style闲来无事，突然又想起了圆角矩形的实现。不过这个话题大家已经谈了太长时间了。各种各样... [阅读全文]

众所周知当今流行矢量图软件Software无非为以下 3种Corel公司CorelDRAW、Adobe公司Illustrator、及Macromedia公司Freehand其中CorelDRAW以其更新速度快(据说CorelDRAW 11.0简体中文版即将出版)整体功能强大简而易学操作赢得不少专业人士及非专业人士青睐　　然而好东西并非完美无缺亦难免有所瑕疵今天要讲是如何画矩形圆角有老用户马上会嘀咕... [阅读全文]

要一个宽度不固定的框，事情变得有些复杂了。宽度不固定，就意味着这个框在水平和垂直方向都有足够灵活的变化。 　　为什么说这更难一些呢？因为它需要对四张图片的合适安置——每个圆角用一张。每个圆角都要独立出来，以便框能够在各个方向伸展。于是，四张图片就意味着需要四个HTML对象来作为背景图片的载体。 　　有一些实现办法包括在样式表中使用“生成内容”，即使用：before和:after伪类来为单独的一个对... [阅读全文]