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

CSS圆角进化论

难度初级
时长 1小时 5分
学习人数
综合评分9.60
103人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.4 逻辑清晰
一个border-radius浪费我两个多小时,说话让人太瞌睡,墨迹

已采纳回答 / 吃大头的芒果仔3459963
相当于角那里有个小圆,border-radius是小圆的半径,小圆与边框相切,小圆外面多余的部分被裁掉,所以就成圆角了

已采纳回答 / 旅行的风筝
应该搞清楚的是,这种设置方法,所谓高度自适应,其实也就是上下的圆角设置固定,自适应的其实是中间动态显示的部分,也就是中间的文字内容,所以只需固定好上下的圆角背景的元素就行。
看完以后表示,这个课程实际更像是一个历史课,而不是技术课。
需要3个块极标签存放图片
宽度由内容撑开的圆角怎么办?比如导航栏每一项的背景圆角。建议加上这种方法

已采纳回答 / 慕粉3914370
不设置高度不显示,是因为当设为position定位时,元素实际上已经是block级了。一个block的高度可以通过两个方式设定:一是内容;二是固定的height。设置的背景图片,不属于元素的内容,也不是设定height。所以这个元素的 width 为auto,高度为 0px,放背景图片的盒子要设宽高
珍爱生命, 远离IE :)

最新回答 / JgzJ
相当于使左右分别有2px的空白,这样第一条直线就比content左右各短2px

最新回答 / JgzJ
你box中4个角的div的class去哪了?
也是刷新认知不是吗,上来就用CSS3的也只能呵呵了

已采纳回答 / qq_一桶江山_03711332
就是相对于父级元素来说,设置这两个属性的元素与父级元素的右边距离为0,与父级元素的上边距离为0
其实可以讲一下圆的实现
那些嫌老师慢的不会自己加速?我都是开两倍看的,遇到问题只会吐槽
用新技术, 从来不考虑IE10以下。 不然新技术有何用。 IE滚蛋吧
课程须知
1.具备HTML+CSS知识基础;2.对PS切图有一定的了解;3.对CSS3的圆角属性属性。
老师告诉你能学到什么?
1.三种方式制作圆角;2.了解每种方式的优劣,并根据实际情况进行选择。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消