惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
N
Netflix TechBlog - Medium
V
Visual Studio Blog
博客园 - Franky
小众软件
小众软件
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - 三生石上(FineUI控件)
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
宝玉的分享
宝玉的分享
量子位
大猫的无限游戏
大猫的无限游戏
人人都是产品经理
人人都是产品经理
V
V2EX
The Cloudflare Blog
月光博客
月光博客
Last Week in AI
Last Week in AI
雷峰网
雷峰网
WordPress大学
WordPress大学
博客园 - 【当耐特】
博客园 - 聂微东
IT之家
IT之家
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻

博客园 - 枫之一刀

Rest的基本原则 常量 三值逻辑 (Three-Valued Logic) 多表联接 join 连接类型的区分 OBJECT_ID(Transact-Sql) 逻辑查询处理 配置数据库对象的权限 object 类型 SqlServer 用户定义函数 IEnumerable接口 泛型概述 internal关键字 yield关键字 as 关键字 装箱拆箱 is 关键字 margin 值类型和引用类型区别
CSS圆角实现原理(个人见解)
枫之一刀 · 2011-08-27 · via 博客园 - 枫之一刀

CSS圆角的实现方式有两种

第一种是用图片,通过在内容周围做背景图片。

第二种是利用像素间距形成弧度。

如图:

将此图片放大效果如下: 

 

可以看到弧角其实是利用了像素的间距不同,我们在圆角矩形外面加一层DIV,用来控制边界。之后我们在需要显示内容的上下加上一些HTML标签,可以是div,也可以是B等,

因为默认情况下这些标签的背景是透明的,我们利用HTML标签从上到下的堆叠效果先设置上边框,控制它左右的边距,然后第二个的编剧稍微减少,设置左右Border的宽度和高度。

以此类推完成一个圆角矩形。