用户登录

在给元素添加边框可以用 tailwind 提供的一些 border 前缀的类,在这个元素上面,添加一个 border,这样会在元素四周添加一个默认的边框。这里我们可以设置边框的大小,比如 border-4。鼠标放在这个类的上面,它实际上就把 border-width 设置成了 4 个像素。

再设置一下边框的颜色,输入 border- 然后是要使用的颜色,比如 pink,还有颜色的浓度,比如 100 。 这种类设置的就是 border-color 属性的值。

鼠标悬停在元素上的时候想要设置一下边框,可以用 hover: 后面是边框颜色,比如 border-pink-200 ,这种类设置的是元素的 :hover 状态下的 border-color。 鼠标放在这个元素的上面,会使用不同的边框颜色。

我们还可以设置边框的样式,默认是单实线的边框,这里再试一下 border-dotted 这种样式的边框。

边框《 Tailwind:CSS 工具样式框架 》

统计

13198
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点