CSS中，我們可以使用display屬性將input元素變成塊級元素，具體步驟如下：

1、我們需要給input元素定義一個CSS類或者一個內(nèi)聯(lián)樣式，我們可以創(chuàng)建一個名為input-block的CSS類：

.input-block {
    display: block;
}

2、在HTML中，我們可以將這個類應(yīng)用到input元素上：

<input class="input-block" type="text">

或者，我們也可以在input元素內(nèi)部直接使用內(nèi)聯(lián)樣式：

<input style="display: block;" type="text">

這樣，input元素就會變成一個塊級元素，它將會獨占一行，并且其寬度默認(rèn)會填充到其父元素的寬度，我們可以進一步通過CSS來調(diào)整它的寬度、高度、內(nèi)邊距等屬性，以滿足具體的設(shè)計需求。

將input元素變成塊級元素可能會影響它的布局和交互方式，因此在實際應(yīng)用中需要謹(jǐn)慎使用，如果需要更多的控制，可以考慮使用其他布局技術(shù)，如Flexbox或Grid。