在CSS中,您可以使用padding
屬性為表單中的文字添加邊距。padding
屬性可以設(shè)置一個元素的內(nèi)邊距,即該元素與其內(nèi)容之間的空間,在表單元素中,如輸入框、按鈕等,使用padding
可以調(diào)整文字與邊框之間的距離。
如果您有一個文本輸入框,想要增加文字與邊框之間的垂直和水平距離,可以使用以下CSS代碼:
input[type="text"] { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
上述代碼將輸入框的上下左右內(nèi)邊距分別設(shè)置為10px和20px,您可以根據(jù)需要調(diào)整這些值。
如果您想要為表單中的每個元素添加相同的邊距,可以使用通配符來選擇所有元素:
{ padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
這樣,表單中的所有元素都將具有相同的內(nèi)外邊距。
padding
增加的是元素的內(nèi)邊距,即內(nèi)容區(qū)域與邊框之間的空間,如果您想要增加元素之間的外邊距,可以使用margin
屬性。
input[type="text"] { margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; }
上述代碼將為輸入框添加外邊距,而不是內(nèi)邊距。