表單內顏色是CSS中非常重要的一個方面,可以讓表單更加美觀和易于使用。以下是一些CSS代碼,可幫助您為表單添加顏色:
/* 設置輸入框的背景色 */ input { background-color: #e6e6e6; } /* 設置輸入框的邊框顏色 */ input { border-color: #ccc; } /* 設置輸入框的邊框樣式 */ input { border-style: solid; } /* 設置輸入框的邊框寬度 */ input { border-width: 1px; } /* 設置提交按鈕的背景色 */ input[type="submit"] { background-color: #008CBA; } /* 設置提交按鈕的文本顏色 */ input[type="submit"] { color: #fff; } /* 設置選擇框的背景色 */ select { background-color: #e6e6e6; } /* 設置選擇框的邊框顏色 */ select { border-color: #ccc; } /* 設置選擇框的邊框樣式 */ select { border-style: solid; } /* 設置選擇框的邊框寬度 */ select { border-width: 1px; } /* 設置單選按鈕/復選框的背景色 */ input[type="radio"], input[type="checkbox"] { background-color: #e6e6e6; } /* 設置單選按鈕/復選框的邊框顏色 */ input[type="radio"], input[type="checkbox"] { border-color: #ccc; } /* 設置單選按鈕/復選框的邊框樣式 */ input[type="radio"], input[type="checkbox"] { border-style: solid; } /* 設置單選按鈕/復選框的邊框寬度 */ input[type="radio"], input[type="checkbox"] { border-width: 1px; }
總之,在設計表單時,顏色是一個重要的方面,CSS提供了許多功能,幫助您為表單添加顏色并使其更加美觀。
上一篇css 行間距1.25
下一篇css 行高兩倍