精简的css圆角边框代码o

来源：百度文库 编辑：神马文学网 时间：2024/04/27 01:14:07

fanmoo

放牧，网路游历

  • 文章
  • 关于
  • 酷博客网址导航

精简的css圆角边框代码

十一月 14th, 2008

要说“最”精简的css圆角边框代码，我们只能默默期待W3C的CSS3.0，有兴趣的朋友可以查阅css3.info的描述，可惜的是，这仍然是个画饼。假如你应聘资深的前台工程师，对方很可能会出这个题目考你：如何用css写一段圆角边框？我对比了很多写法，包括js的写法，这段代码是很精简的，IE7和FF均可兼容，分享给大家：




这是个圆角矩形




其实原理很简单：上面的圆角用两条线的缩进2px和1px实现。
ps:考试顺利，别忘了请我吃糖。。。。

Posted in User Interface

Leave a Reply

精简的css圆角边框代码o 用图片实现圆角边框的效果 - CSS, 边框, corners, rounded, 圆角, 归纳几个常用的CSS精简缩写方法-CSS在线 CSS圆2角边框纯CSS制作-CSS布局实例-模板无忧 自由伸缩的CSS圆角边框-Css-六天赋网站制作自学基地-6tianf.com DIV+CSS圆角边框 - 前端LOVER - 博客园 CSS 圆角边框详解 - kuning - 博客园 优化你的CSS代码~! 代码修饰的边框 ] 绿色边框的代码 紫色边框的代码 金黄边框的代码 金色边框的代码 金属边框的代码 蓝色边框的代码 红色边框的代码 荷花边框的代码 绿色边框的代码 怎么用css美化表格的边框 应用：设计边框的代码 闪红边框的代码 设计边框的代码2 设计边框的代码1 设计边框的代码qiangjie