CSS是一種樣式表語言,它是用來給網頁設計添加樣式和裝飾的。其中,給文本框添加裝飾是CSS經常要做的任務之一。
通過使用CSS,我們可以給文本框添加各種裝飾,包括邊框、背景顏色、字體樣式等。下面我們來看一下如何使用CSS來給文本框添加裝飾。
/* 給文本框添加邊框樣式 */ input[type="text"] { border: 1px solid #ccc; } /* 給文本框添加背景顏色 */ input[type="text"] { background-color: #f2f2f2; } /* 給文本框添加圓角 */ input[type="text"] { border-radius: 5px; } /* 給文本框添加陰影效果 */ input[type="text"] { box-shadow: 5px 5px 5px #ccc; } /* 更改文本框的字體樣式 */ input[type="text"] { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; }
以上代碼展示了如何使用CSS來給文本框添加不同的裝飾效果。其中,我們使用了不同的CSS屬性,如border、background-color、border-radius、box-shadow、font-family等來改變文本框的樣式。你可以根據自己的需要來選擇具體的樣式。
總之,CSS是一個非常強大的工具,它可以讓我們輕松地為網頁添加各種裝飾效果。通過使用CSS,我們可以讓文本框看起來更加美觀、專業,給用戶更好的體驗。