CSS6中新增的文本框功能讓我們對頁面設(shè)計(jì)有了更靈活的操作方式。以下是一些常見的文本框的CSS樣式。

/* 設(shè)置文本框的寬度和高度 */
input[type="text"], textarea {
width: 300px;
height: 100px;
}
/* 設(shè)置文本框的邊框樣式 */
input[type="text"], textarea {
border: 1px solid #ccc;
border-radius: 5px;
}
/* 設(shè)置文本框的背景色和字體顏色 */
input[type="text"], textarea {
background-color: #fff;
color: #000;
}
/* 設(shè)置文本框的字體大小和行高 */
input[type="text"], textarea {
font-size: 16px;
line-height: 1.5;
}
/* 設(shè)置文本框的內(nèi)部間距 */
input[type="text"],textarea {
padding: 10px;
margin: 4px 2px;
}

上述樣式代碼可根據(jù)需要進(jìn)行調(diào)整，以滿足不同的頁面設(shè)計(jì)需求。其中，我們使用了input[type="text"]和textarea兩個(gè)標(biāo)簽，分別代表單行文本框和多行文本框。通過對其應(yīng)用CSS樣式，我們可以輕松地自定義文本框的樣式。