CSS .input 属性详解：打造美观易用输入框

本文将详细解析 CSS .input 属性，涵盖 display、width、margin、border、padding、font-size、outline 等关键参数，帮助您轻松创建个性化、美观且易用的输入框。

1. display: block; - 将输入框显示为块级元素，使其占满父元素的宽度。

2. width: 100%; - 将输入框宽度设置为父元素的 100%，使其横跨整个父元素。

3. margin-bottom: 20px; - 在输入框下方添加 20 像素的外边距，与其他元素保持一定间距。

4. border: 0; - 为输入框去除边框，使之更加简洁。

5. padding: 10px; - 在输入框内部添加 10 像素的内边距，为文本内容留出空间，并使文本与边框保持距离。

6. border-bottom: 1px solid rgb(128,125,125); - 为输入框底部添加 1 像素的实线边框，颜色为 RGB(128,125,125)，使其更加醒目。

7. font-size: 15px; - 设置输入框中的字体大小为 15 像素，确保文本清晰易读。

8. outline: none; - 在输入框获得焦点时不添加外边框，保持界面整洁。

通过合理使用这些参数，您可以轻松打造出美观易用、符合设计要求的输入框，提升用户体验。