CSS 153表單樣式是一種布局表單的CSS樣式。該樣式提供了一些簡單的配置選項(xiàng),以幫助您更好地漂亮地布局表單。
/* 定義表單布局樣式 */ form { display: block; width: 100%; margin: 0; padding: 0; } /* 定義表單內(nèi)容的標(biāo)題 */ legend { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; } /* 定義表單中每個(gè)表單元素之間的距離 */ fieldset { margin: 0 0 1em 0; padding: 0.3em 0.6em; border: 1px solid #ccc; } /* 定義表單標(biāo)簽的樣式 */ label { display: inline-block; width: 120px; line-height: 26px; font-weight: bold; padding-right: 15px; text-align: right; } /* 定義表單輸入框的樣式 */ input, select, textarea { display: inline-block; width: 250px; padding: 3px; border: 1px solid #ccc; border-radius: 5px; margin: 0; box-sizing: border-box; }
通過使用這個(gè)表單樣式,您可以輕松地使Web表單看起來更專業(yè)和易讀。此外,您還可以根據(jù)需要自定義和修改這個(gè)樣式以滿足特定的設(shè)計(jì)要求。