創(chuàng)建CSS模態(tài)框的步驟如下：

1、定義模態(tài)框的HTML結(jié)構(gòu)，模態(tài)框包含標(biāo)題、內(nèi)容和操作按鈕，可以使用div元素來(lái)定義模態(tài)框的結(jié)構(gòu)，

<div class="modal">
  <div class="modal-header">
    <h4 class="modal-title">標(biāo)題</h4>
  </div>
  <div class="modal-body">
    內(nèi)容
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary">確定</button>
    <button class="btn btn-secondary">取消</button>
  </div>
</div>

2、使用CSS來(lái)定義模態(tài)框的樣式，可以設(shè)置模態(tài)框的大小、顏色、邊框等樣式，以下是一個(gè)簡(jiǎn)單的CSS樣式示例：

.modal {
  display: none; /* 模態(tài)框默認(rèn)隱藏 */
  position: fixed; /* 模態(tài)框固定在屏幕上 */
  top: 0; /* 模態(tài)框距離頂部的距離 */
  left: 0; /* 模態(tài)框距離左邊的距離 */
  width: 100%; /* 模態(tài)框的寬度 */
  height: 100%; /* 模態(tài)框的高度 */
  background-color: rgba(0, 0, 0, 0.5); /* 模態(tài)框的背景顏色 */
}