咋样在HTML中用圆角样式写米老鼠呢?

咋样在HTML中用圆角样式写米老鼠呢?

1.圆角样式有哪些属性呢?
  border-radius:Xpx Xpx; 	表示: 左上右下 右上左下,
  border-radius:Xpx Xpx Xpx;	表示:左上 右上左下 右下,
  border-radius:Xpx Xpx Xpx  Xpx表示:左上 右上 右下 左下,
  border-radius:Xpx/Xpx	表示:x轴/y轴(作用是画椭圆),
  border-top-left -radius:Xpx	表示:由上到左(必须先写上后左)
  border-top-right-radius:Xpx	表示:由上到右(必须先写上后右)
  border-bottom-left -radius:Xpx	表示:由下到左(必须先写下后左)
  border-bottom-right-radius:Xpx	表示:由下到右(必须先写下后右)
2.要做的效果图:

在这里插入图片描述

3.html代码演示:

在这里插入图片描述

4.css代码演示:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
希望对你有所收获哦…

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值