CSS中對聯(lián)的寫法

在CSS中，我們可以通過編寫樣式規(guī)則來定義對聯(lián)的樣式，以下是一個(gè)簡單的示例：

.couplet {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 300px;
    border: 2px solid #000;
    padding: 10px;
    font-size: 24px;
    color: #fff;
    background-color: #000;
}

在這個(gè)示例中，我們定義了一個(gè)名為.couplet的類，用于表示對聯(lián)，通過display: flex，我們將對聯(lián)設(shè)置為彈性布局，使其子元素能夠水平排列。justify-content: center和align-items: center分別用于將子元素在水平和垂直方向上居中。height和width屬性定義了對聯(lián)的尺寸，border屬性添加了邊框，padding屬性增加了內(nèi)邊距，font-size屬性定義了字體大小，color屬性定義了字體顏色，background-color屬性定義了背景顏色。