css背景如何设置成圆角

要将CSS背景设置成圆角，可以使用border-radius属性。这个属性可以指定元素的边框角的弧度，从而实现圆角效果。可以将这个属性应用于包含背景的元素，如div或其他容器元素。例如，可以在CSS样式中添加以下代码来设置圆角背景：

.tiandi_item {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}

这里的.tiandi_item是一个类选择器，表示应用这个样式的元素的类名。可以将这个类应用于包含背景的元素，然后设置border-radius属性的值为想要的圆角的大小（以像素为单位）。同时，需要添加供不同浏览器使用的厂商前缀，以确保在各种浏览器中都能正常显示圆角效果。以上代码中的-webkit-和-moz-前缀分别适用于Webkit内核（如Chrome和Safari）和Gecko内核（如Firefox）的浏览器。

通过以上设置，您可以将CSS背景设置成具有圆角效果的样式。