wpf border圆角边框_网页制作里的边框border常见用法(包含圆角)【210】

  • border就是边框

一、以下是边框最常见的用法,我们先做一个盒子box,给个简单宽高样式。

5e245d63ab86c77b5eb56d29d0816c5a.png

图1

二、这种三个参数的写法,应该是用得比较多的。

1ad12c909b72257d2bf3cff57888193c.png

图2

c50d1cc9adf4ffea836a01e2fc54880b.png

图3

三、如果这四条边,你只想要一条或两条三条,可以通过top、left、right、bottom来实现。

0fd52632c26013b8478093801f463e6b.png

图4

5a67a561daed1631d706607d63948022.png

图5

四、再来一条右边的线。

469c284ad74113d2a79dc61484bddaf7.png

图6

8bdc169a94b9aa7b88c9a36824d88a30.png

图7

五、补一个小知识点,圆角。

f59757f8c5339976cf19fce9c79f8b38.png

图8

283367c18cc411b21e55162823781170.png

图9

六、border-radius也有四个参数的写法。

40a1433441bc2333efbba0ab791256ec.png

图10

b9dda7c5d159e06cf8b47843b7498f74.png

图11

七、当圆角圆到一定的程度,盒子就成了一个圆形。

1f816c3539e0e8193b7cdbcd665b47e2.png

图12

e3d572f2bf23733f9a78eca1ae544091.png

图13


 Document
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值