为了账号安全,请及时绑定邮箱和手机立即绑定

CSS圆角进化论

难度初级
时长 1小时 5分
学习人数
综合评分9.60
103人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.4 逻辑清晰
简介:CSS圆角的实现,经历了三大发展阶段:背景图片(贴图)方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性(border-radius)。本案例详细讲解每一种的实现方式,并对实现的优缺点进行对比分析。

第1章 课程介绍

介绍CSS圆角实现的三个进化阶段,对应的三种不同实现方式!

第2章 使用背景图片方式制作圆角

使用背景图片方式也就是我们熟悉的贴图方式来制作圆角,可以制作宽度固定高度自适应以及宽度和高度都自适应的圆角。

第3章 CSS2.0+HTML标签模拟圆角

此种方式主要是应用像素画中绘制弧线的方法进行模拟。

第4章 使用CSS3中圆角属性(border-radius)制作圆角

使用最新技术制作圆角灰常简单,但是要考虑到浏览器的兼容性问题。

第5章 三种实现圆角方式对比

对圆角进化中的三种不同的实现方式进行对比。

第6章 综合练习

我们学习了圆角的制作,一起来对知识点进行一下复习吧!
课程须知
1.具备HTML+CSS知识基础;2.对PS切图有一定的了解;3.对CSS3的圆角属性属性。
老师告诉你能学到什么?
1.三种方式制作圆角;2.了解每种方式的优劣,并根据实际情况进行选择。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!