CSS圆角进化论

[复制链接]

微信扫一扫 分享朋友圈

zhang1 发表于 2018-12-4 13:49:40 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
CSS圆角进化论
  • 主讲 婧享人生
  • 总课时 10课时
  • 课程难度 初级
  • 讲师QQ 5692385
  • 分类 技术类 » 前端开发
  • 课程评价 不错的入门课程
价格 ¥49.00元

讲师介绍

婧享人生

WEB前端工程师

资深的UI设计师、UE设计师和WEB高级前端工程师。主攻网页UI设计,软件UI设计;精通jQuery,学霸型女神。
课程介绍

CSS圆角的实现,经历了三大发展阶段:背景图片(贴图)方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性(border-radius)。本案例详细讲解每一种的实现方式,并对实现的优缺点进行对比分析。

试听课程表
  • 1课程介绍
    介绍CSS圆角实现的三个进化阶段,对应的三种不同实现方式!
  • 2使用背景图片方式制作圆角
    使用背景图片方式也就是我们熟悉的贴图方式来制作圆角,可以制作宽度固定高度自适应以及宽度和高度都自适应的圆角。
  • 3CSS2.0+HTML标签模拟圆角
    此种方式主要是应用像素画中绘制弧线的方法进行模拟。
  • 4使用CSS3中圆角属性(border-radius)制作圆角
    使用最新技术制作圆角灰常简单,但是要考虑到浏览器的兼容性问题。
  • 5三种实现圆角方式对比
    对圆角进化中的三种不同的实现方式进行对比。
课程须知:
1. 具备HTML+CSS知识基础;
2. 对PS切图有一定的了解;
3. 对CSS3的圆角属性属性。
能学到什么?
1. 三种方式制作圆角;
2. 了解每种方式的优劣,并根据实际情况进行选择。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注我们:锦文与你快乐分享

官方微信

APP下载

全国服务热线:

0312-2335877    0312-2339711

地址:河北省定州市北城区大道观街

Email:jwkj@dzjwkj.com

Powered by Dzjwkj! X3.2© 2013-2018 Jinwen Inc.  定州锦文科技有限公司 版权所有   

定州锦文科技有限公司   冀ICP备17008983号-11