添加一个 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。