溫馨提示：本篇文章的CSS代碼將畫出一道閃電，如果您希望進行實踐操作，請務必注意安全，注意防雷防電。

要在CSS中畫出一道閃電，我們需要使用偽元素以及CSS的一些屬性。下面是代碼實現：

.lightning:before {
content: "";
position: absolute;
top: 0;
width: 0;
height: 0;
border-top: 40px solid #fff;
border-right: 20px solid #fff;
border-bottom: 40px solid transparent;
border-left: 20px solid transparent;
transform: rotate(-30deg);
}
.lightning:after {
content: "";
position: absolute;
top: 0;
width: 0;
height: 0;
border-top: 40px solid #fff;
border-right: 20px solid #fff;
border-bottom: 40px solid transparent;
border-left: 20px solid transparent;
transform: rotate(30deg);
}
.lightning {
width: 0;
height: 0;
border-top: 40px solid transparent;
border-right: 20px solid #fff;
border-bottom: 40px solid transparent;
border-left: 20px solid #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

上面的代碼中，我們用偽元素 :before 和 :after 創造出兩個小三角形，它們的位置、大小、顏色等都通過 border 屬性來實現。其中， transform 屬性是用來旋轉三角形的。

而實際生成的閃電形狀則是由 .lightning 類定義的，它根據關鍵字 top, transform: translateY(-50%); 實現垂直居中。

有了以上代碼，我們就可以在所需的元素中添加 .lightning 類，即可畫出一道漂亮的 CSS 閃電了。