圆角,阴影,边框

圆角,阴影,边框


http://img1.sycdn.imooc.com//climg/5d1326b30001b14f05140391.jpg

请问老师设置了圆角为什么出现这种情况,以前没遇到过啊,又为什么用阴影来解决呢http://img1.sycdn.imooc.com//climg/5d13270c0001661903560213.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,如果input没有设置边框border,直接使用boder-radius会使边框颜色加深,这是input元素默认的边框样式,有种立体的效果。但是如果设置了边框border再设置圆角样式,颜色不会加深,直接变换圆角。

http://img1.sycdn.imooc.com//climg/5d1422850001100516980343.jpg

而这里因为颜色左边和上边颜色加深了,所以老师设置了input边框border为0,直接使用box-shadow样式来作为边框。

希望能帮助到你,祝学习愉快!

好帮手慕糖 2019-06-26 17:10:23

同学你好,建议:可以将代码粘贴过来哦,便于准确的定位与解决问题。

祝学习愉快!

  • 提问者 光aaaaand影 #1
    https://class.imooc.com/course/qadetail/129036 老师,这是代码,嘿嘿
    2019-06-27 07:50:52
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师