css 图片 两行文本

CSS图片，也称作CSS图像，是指通过CSS样式来定义和呈现网页中的图片或图像，这种技术可以实现对网页图片的样式和布局进行更好的控制和定制。

img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 300px;
  margin: 0 auto;
}

p {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 20px;
}

在CSS中，我们可以使用类似上面这样的代码来设定图片的宽度、高度、最大宽度、居中对齐等样式，使其适配不同的屏幕大小和分辨率，并与其他页面元素协调搭配。

另外，CSS样式还可以用来定义和排版文字或文本，如段落的样式、字体大小、颜色和行高等。这些样式的设定可以使网页内容更具有可读性和美感。

.text {
  font-size: 18px;
  font-weight: 500;
  color: #666;
  line-height: 1.8;
  margin-bottom: 30px;
}

总而言之，CSS图片和文本样式的运用可以完善网页的设计和布局，使得用户体验更加丰富和舒适。