CSS中有一個很常用的屬性,可以用來改變文本框的底色,那就是background-color。
input { background-color: #ffffff; }
其中,#ffffff是十六進制的顏色碼,表示白色。我們可以通過改變顏色碼來改變文本框的底色。
input { background-color: #a7efeb; }
這里的#a7efeb表示淡藍色的顏色碼,通過改變顏色碼可以實現不同的底色效果。
除了使用十六進制顏色碼來表示顏色,CSS還支持使用顏色名、rgb()和hsl()來表示顏色。
input { background-color: red; }
這里使用顏色名來表示顏色,會使文本框的底色變為紅色。
input { background-color: rgb(255, 165, 0); }
這里使用rgb()函數來表示顏色,rgb(255, 165, 0)表示橙色,將會使文本框的底色變為橙色。
input { background-color: hsl(300, 50%, 50%); }
這里使用hsl()函數來表示顏色,hsl(300, 50%, 50%)表示一種淡紫色,將會使文本框的底色變為淡紫色。
通過使用background-color屬性,我們可以很方便地改變文本框的底色,從而實現各種不同的效果。
上一篇css文本框內容加粗
下一篇css文本框取消距離