Maison > Article > interface Web > css打造下划线输入框_html/css_WEB-ITnose
css打造下划线输入框_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:47:281592parcourir
类似这样的效果
<input type="text" class="input" />
简单版
border: 0; outline: 0; background: transparent; border-bottom: 2px solid black; width: 20px;
稍微复杂点，漂亮点的
background-color: transparent; border: none; border-bottom: 2px solid #fff; outline: none; padding-bottom: 10px; text-align: center; width: 400px; font-size: 300%; color: #fff; font-weight: 100;
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：CSS总结（中篇）_html/css_WEB-ITnoseArticle suivant：基于CSS3图片悬停放大特效_html/css_WEB-ITnose