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

CSS圆角进化论

难度初级
时长 1小时 5分
学习人数
综合评分9.60
103人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.4 逻辑清晰

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

已采纳回答 / 旅行的风筝
应该搞清楚的是,这种设置方法,所谓高度自适应,其实也就是上下的圆角设置固定,自适应的其实是中间动态显示的部分,也就是中间的文字内容,所以只需固定好上下的圆角背景的元素就行。

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

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

最新回答 / JgzJ
你box中4个角的div的class去哪了?

已采纳回答 / qq_一桶江山_03711332
就是相对于父级元素来说,设置这两个属性的元素与父级元素的右边距离为0,与父级元素的上边距离为0

最新回答 / qq_包包世界我专业_0
把content的position要设置为relative 就是给它的子元素一个参考坐标

已采纳回答 / 闻声入眠
用PS吸管工具  点击颜色区域  然后复制颜色数值到代码里不久可以了嘛

最新回答 / 宝慕林8495266
添加额外标签,为标签设置clear:both的清除浮动方式不推荐,增加额外的代码量及无意义的标签ghswdstqsvsbxhxicmpwrjhmli

已采纳回答 / 慕后端1508769
不是不能用,是你上一行的结尾少了一个分号,css样式要用分号隔开。。。。。。骚年,用多了sublime text,你就会发现有一款好的提示编辑器是多么重要的一件事。

最新回答 / 慕田峪0272149
“左右两侧圆角切为整图”左右两边的圆角是整体的,所以应该是横向,上中下三个

已采纳回答 / 上学路上的小石头
如果你的边线不设置,当遇到特殊情况,如动态hover的时候,对象会产生跳跃感,所以这里设计边线,是为了减少这些情况的发生。
首页上一页1234567下一页尾页
课程须知
1.具备HTML+CSS知识基础;2.对PS切图有一定的了解;3.对CSS3的圆角属性属性。
老师告诉你能学到什么?
1.三种方式制作圆角;2.了解每种方式的优劣,并根据实际情况进行选择。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消