线性渐变对于元素不起作用。

8 浏览
0 Comments

线性渐变对于元素不起作用。

这个问题已经在这里有答案了:

HTML中id属性的有效值是什么？

我正在尝试将CSS渐变应用到我的元素上。很明显它不起作用，我一直在尝试解决这个问题，但一直没有成功。我使用的是Chrome，如果与这个问题有关的话。

body {
  margin: 1cm;
}
a {
  padding: 15px 60px 15px 60px;
  text-decoration: none;
  border: 1px solid black;
}
#1button {
  background: rgb(2, 0, 36);
  background: linear-gradient(65deg, rgba(2, 0, 36, 1) 0%, rgba(12, 12, 125, 1) 35%, rgba(0, 212, 255, 1) 100%);
}
#2button {
  background: rgb(2, 0, 36);
  background: linear-gradient(65deg, rgba(2, 0, 36, 1) 0%, rgba(232, 51, 55, 1) 35%, rgba(241, 95, 223, 1) 100%);
}

Button #1
Button #2

admin 更改状态以发布 2023年5月21日
0

1 答案

0 Comments

不要使用数字作为您的id的第一个字符：

body {
  margin: 1cm;
}
a {
  padding: 15px 60px 15px 60px;
  text-decoration: none;
  border: 1px solid black;
}
#button1 {
  background: linear-gradient(65deg, rgba(2, 0, 36, 1) 0%, rgba(12, 12, 125, 1) 35%, rgba(0, 212, 255, 1) 100%);
}
#button2 {
  background: linear-gradient(65deg, rgba(2, 0, 36, 1) 0%, rgba(232, 51, 55, 1) 35%, rgba(241, 95, 223, 1) 100%);
}


Button #1
Button #2

0