css如何设置图片格式

CSS是一种用于网页设计的语言，可以用它来设置网页的样式、布局和各种特效。其中，设置图片格式也是CSS的一个重要功能之一。

/* 设置图片格式的CSS代码 */
img {
  width: 100%; /* 图片的宽度100% */
  height: auto; /* 图片的高度自适应 */
  border: 1px solid #ccc; /* 给图片添加1像素的灰色边框 */
  border-radius: 5px; /* 给图片添加5像素的圆角 */
  Box-shadow: 0 0 5px rgba(0,0.5); /* 图片添加5像素大小的阴影 */
}

以上代码中，我们设置了图片的宽度为100%，高度自适应，也就是说图片会根据容器的大小自动调整大小。同时，我们还给图片添加了1像素大小的灰色边框和5像素的圆角，让图片看起来更加美观。另外，还通过Box-shadow属性来为图片添加阴影，增加了图片的立体感。

除此之外，CSS还可以通过background-image属性来设置背景图片，并可以设置背景图片的尺寸、位置等属性，让你的网页更加个性化。

/* 设置背景图片的CSS代码 */
body {
  background-image: url("bg.jpg"); /* 背景图片地址 */
  background-size: cover; /* 图片尺寸，cover表示铺满整个屏幕 */
  background-repeat: no-repeat; /* 图片不重复 */
  background-position: center center; /* 图片居中显示 */
}

以上代码中，我们通过background-image属性来设置背景图片，并设置图片的尺寸为cover，让图片铺满整个屏幕。同时，我们还设置了图片不重复，并居中显示。

总之，CSS的图片格式设置功能非常丰富，只要稍加学习掌握，就可以轻松打造出美观而且个性化的网页了。