CSS是一種樣式表語言,用于控制HTML元素的外觀和布局。在表單下,CSS具有重要的應用,可以使表單樣式更加美觀,易于操作。本文將介紹一些CSS在表單中的應用。
1.改變表單元素的邊框和顏色
input,select,textarea { border:1px solid #ccc; border-radius:4px; }
上述的代碼可以使輸入框、下拉框、文本框的邊框線更加明顯,也可以更改邊框線的顏色。
2.改變表單元素的背景和顏色
input[type="text"],textarea{ background-color: #f6f6f6; color: #666; }
上述代碼可以將文本框和文本域的背景顏色更改為#f6f6f6,文本顏色更改為#666。
3.設置輸入框的寬度和高度
input[type="text"]{ width: 100%; height: 44px; }
上述代碼可以將寬度設置為100%,高度設置為44px,使輸入框更加合適。
4.改變表單的默認樣式
form{ background-color:#eee; padding:20px; box-shadow:0px 0px 10px #666; }
上述代碼可以更改表單的背景顏色為#eee,添加一個10像素模糊黑色邊框,使表單元素更加清晰。
通過上述的例子,可以看到CSS在表單中的應用非常廣泛,可用來控制背景、顏色、邊框?qū)挾取⒋笮〉雀鱾€方面,通過合理的運用可以使表單更加美觀易用。