CSS怎么畫關機的圖標

在CSS中，我們可以使用偽元素和CSS樣式來繪制關機的圖標，以下是一個簡單的示例：

HTML代碼：

<div class="shutdown-icon"></div>

CSS代碼：

.shutdown-icon {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #333;
}
.shutdown-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  border-top: 10px solid #fff;
  border-right: 10px solid #fff;
  transform: translate(-50%, -50%);
}

在這個示例中，我們創(chuàng)建了一個名為shutdown-icon的類，用于繪制關機的圖標，這個圖標是一個圓形，使用border-radius屬性將其設置為50%，我們使用偽元素::before來繪制一個小的三角形，表示關機的操作，這個三角形使用border-top和border-right屬性來繪制，并通過transform屬性將其移動到圓形的中心位置。

您可以根據(jù)自己的需求來調(diào)整這個示例中的顏色和大小等屬性，以繪制符合自己需求的關機圖標。