css alt属性 样式

在编写网页时，我们经常会使用标签来插入图片，但是如果图片无法显示或者被屏幕阅读器用户阅读时，就需要使用alt属性来为图片提供文字描述。有时候，我们也会希望为alt属性设置样式，让图片的文字描述更美观。

img {
  width: 200px;
}

img[alt] {
  font-style: italic;
  color: #666;
}

在上面的代码中，我们首先为所有图片设置了宽度，保证图片大小的一致。然后，我们使用CSS的属性选择器，为所有带有alt属性的图片设置了斜体字和灰色字体。

这样做的好处是，即使图片无法加载，用户也能够看到与图片相关的文字描述，从而更好地了解页面内容。此外，为alt属性设置样式还可以让页面更加美观，增强用户体验。