CSS

HTML 的 input 和 button 标签之间出现缝隙通常是由 行内元素的空白间隙 引起的。以下是几种解决方法来去掉这些缝隙：

方法 1：将标签放在同一行

把 input 和 button 标签直接写在同一行，中间不要有任何空格或换行。

不透明度
CSS opacity 属性设置整个元素的不透明度（背景颜色和文本都将是不透明/透明的）。

opacity 属性值必须是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

实例代码：

HSL 颜色
HSL 指的是色相、饱和度和亮度（Hue、Saturation 以及 Lightness）。

HSL 颜色值是这样规定的：hsl(hue, saturation, lightness)。

色相是色轮上的度数（从 0 到 360）：

RGBA 颜色值是 RGB 颜色值的扩展，带有 alpha 通道 - 该通道规定颜色的不透明度。

实例代码：

css使用background-clip属性

CSS background-clip 属性指定背景的绘制区域。

该属性接受三个不同的值：

实例代码：

              background-image:url(img/img1.jpg);    定义图像文件位置

实例代码：

background-size 的其他两个可能的值是 contain 和 cover。

contain 关键字将背景图像缩放为尽可能大的尺寸（但其宽度和高度都必须适合内容区域）。这样，取决于背景图像和背景定位区域的比例，可能存在一些未被背景图像覆盖的背景区域。