文章标签

你多久会使用 CSS background-size 属性？ 如果你像我一样，可能也和其他前端人员一样，通常会在 background-size: cover 一个图像来填充整个…

正如标题所说，我们将装饰图像！ 网上有很多关于此的文章，但我们这里讨论的内容有所不同，因为这是一个更大的挑战。 挑战是什么？…

波浪可能是 CSS 中最难制作的形状之一。 我们总是试图用 border-radius 等属性和大量的魔数来近似它，直到我们得到一些感觉接近的东西。 在…

我不能说我经常使用 background-clip。 我敢说它在日常 CSS 工作中几乎从未被使用过。 但是，我在 Stefan Judis 的一篇文章 中想起了它，巧合的是，这篇文章本身是对…

CSS 自定义属性的一件很酷的事情是，它们可以是值的一部分。 假设你正在使用 多背景 来实现设计。 每个背景都会有自己的颜色、图像、重复、位置等。 它…

你知道你可以有 多个背景 吗？

body {
  background-image: 
    url(image-one.jpg),
    url(image-two.jpg);
}

这只是 background-image。 你可以设置它们的位置，正如你所预期的那样。 我们将使用简写

body {
  background: 
    url(image-one.jpg) no-repeat top right,
    url(image-two.jpg) 

我所说的“CSS 图像”是指仅使用 HTML 元素和 CSS 创建的图像。 它们看起来就像在 Adobe Illustrator 中绘制的 SVG，但它们是在浏览器中直接创建的。 我看到的一些技术…

使用 CSS，你可以控制元素的背景。 你可以设置 background-color 来用纯色填充它，使用 background-image 来用（你猜对了）图像填充它，甚至两者兼备

body {
  background-color: red;
  background-image: