HTML文本框参考样式及常见操作技巧大全.pdfVIP

HTML⽂本框参考样式及常见操作技巧⼤全 在⽹页设计中，常常要使⽤html⽂本框来收集⼀些⽤户信息或是制作登录页，虽然只 是 单的输⼊框，但是如果加⼊⼀些美化设计会使你的页⾯看起来更加有吸引⼒，下 ⾯就给⼤家提供了⼀些html⽂本框的参考样式和常见的html操作技巧，希望对你的⽹ 页制作有帮助。⾸先我们先看看⼀个最 单的⽂本框是如何实现的？ 如上图所⽰，其实这个html⽂本框样式⾮常 单，⽤到了css的伪元素focus 。下⾯我们 ⼀起来重新做⼀个吧。⾸先我们需要在你的页⾯上添加⼀个⽂本框代码如下: input type=text value= / 这个是我们最常见到的按钮了，它没有任何的样式。现在我们来添加⼀些好看的样 式，代码如下： .mytxt { color:#333; line-height:normal; font-family :Microsoft YaHei,Tahoma,Ver ana,SimSun; font-style:normal; font-variant:normal; font-size-a just:none; font-stretch:normal; font-weight:normal;