```html

<style>

.焰火 {

width: 100px;

height: 100px;

border-radius: 50%;

background-size: cover;

</style>

在这个例子中，`.焰火` 元素的宽度和高度均为 100 像素，并使用 `border-radius` 将火焰的圆角大小设置为 50%。然后，我们使用 `background-size` 属性设置火焰的图片大小为全屏覆盖，这样可以确保火焰完全显示出来。

除了设置火焰的颜色和大小之外，我们还可以使用 `border-radius` 和 `background-position` 属性来调整火焰的位置和形状。例如：

```html

<style>

.焰火 {

width: 100px;

height: 100px;

border-radius: 50%;

background-size: cover;

background-position: center center;

</style>