用户登录

添加一个 div 元素,把背景颜色设置成 bg-pink-300 ,元素里面包装一个图像元素,文件的位置是 /assets/logo.svg。 可以再设计一下这个 div 元素的最大宽度,max-w-max ,把最大的宽度设置成 max-content。

在元素内部添加边距,可以用 p 开头的一些类,p 指的就是 padding,比如 p-6,意思就是在周围四周添加 24 像素的内边距。鼠标放在这个类的上面,显示把 padding 设置成了 1.5rem ,默认换算成像素的话就是 24 像素。

我们也可以只设置一个方向的边距,比如 pb-8,意思就是在元素底边儿添加 32 像素的内边距。或者可以设置水平或者垂直方向的内边距。

比如 px-6,会把水平方向的内边距设置成 24 像素,再添加一个 py-4,它会把垂直方向,也就是上下两个边的内边距设置成 16 像素。

要设置元素的外部的边距,可以使用 tailwind 里面提供的一些 m 开头的一些类。比如 m-8,会在元素四周添加 32 像素的外边距。

鼠标放在这个类的上面,它就是把 margin 这个样式属性设置成了 2rem。

如果你想让这个元素居中的话,可以把水平方向的外边距,也就是左右这两个边的外边距设置成 auto ,也就是自动,添加一个 mx-auto。

空间距离《 Tailwind:CSS 工具样式框架 》

统计

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

社会化网络

关于

微信订阅号

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