请问,border-radius:15px/34px 34px 2px 2px是表示什么意思?

请问,border-radius:15px/34px 34px 2px 2px是表示什么意思?

老师,对于border-radius:15px/34px 34px 2px 2px这个用法我不太会用。

正在回答

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

1回答

同学你好, 这句代码的意思可以结合下图理解

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

详细的使用方法可以参考下面的实现理解:

border-radius属性其实一个角上是有两个值的,一个水平方向,一个垂直方向,示例:

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

效果图

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

如果多个方向一起写的话,水平和垂直方向用/隔开, 示例:

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

效果图

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

自己可以测试一下, 结合代码实现的效果帮助理解

如果帮助到了你, 欢迎采纳!

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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