在HTML中更改卡片的宽度

我是HTML的初学者，我正在创建我的第一个网站

.header{
文本对齐：居中；
颜色：#ffffff；
字体系列：tahoma；
}
身体{
背景：线性渐变（右上角，#39B59D，#139BDA，#0066FF，#061cf）；
背景附件：固定；
}
.img{
文本对齐：居中；
}
.卡片{
盒影：0 4px 8px 0 rgba（0,0,0,0.2）；
过渡：0.3s；
边界半径：10px；
颜色：#ffffff；
宽度：500；
}
.卡：悬停{
盒影：0 8px 16px 0 rgba（0,0,0,0.2）；
}
.集装箱{
填充：2x16px；
颜色：#ffffff宽度=500；
}

嗨，我是拉帕蒂克。
我喜欢的时候就编码

宽度值中缺少单位，因此必须执行以下操作：

width: 500px;

.header{
文本对齐：居中；
颜色：#ffffff；
字体系列：tahoma；
}
身体{
背景：线性渐变（右上角，#39B59D，#139BDA，#0066FF，#061cf）；
背景附件：固定；
}
.img{
文本对齐：居中；
}
.卡片{
盒影：0 4px 8px 0 rgba（0,0,0,0.2）；
过渡：0.3s；
边界半径：10px；
颜色：#ffffff；
宽度：500px；
保证金：自动；
}
.卡：悬停{
盒影：0 8px 16px 0 rgba（0,0,0,0.2）；
}
.集装箱{
填充：2x16px；
颜色：#ffffff；
}

嗨，我是拉帕蒂克。
我喜欢的时候就编码

对于中心卡，请在您的.card部分使用此代码：

margin-left:auto;
margin-right:auto;

---

要设置某物的宽度，可以使用

width

属性：

width: 500px;
width: 50%;
width: 50vw;

---

您可以使用不同的单位，例如

px

（像素）

%

（页面宽度百分比）和

vw

（窗口宽度百分比）。可能还有其他的，但这些是我所知道的。

喜欢

边距：auto

中间的东西+1@pagie_您也可以执行

margin:20px auto

例如，auto对从左/右到中心的边距非常有用，但对上/下边距不执行任何操作，因此您可以指定这些值；）@pagie_uuu还要注意一些语法错误，因为您可以看到我从容器中删除了

width=500

，因为您应该使用

：

，而不是

=